当前位置: 首页 > 知识库问答 >
问题:

如何服务一个角2 dist文件夹index.html

百里雅珺
2023-03-14

我使用这个角4种子应用程序:https://github.com/2sic/app-tutorial-angular4-hello-dnn

它使用webpack和工作正常。

它似乎只服务于dev文件,而不是dist/文件夹。

我想把目录给你。

不确定这样做的命令,或者我是否需要安装一个精简版服务器或其他东西。

我运行这个命令来创建dist文件夹(工作正常):

g build --prod --aot --output-hashing=none

现在我想在浏览器中运行此版本。

共有3个答案

商畅
2023-03-14

您需要一个服务器来为您生成的版本提供服务。

我使用超文本传输协议-server。使用超文本传输协议-server安装:

npm install -g http-server

现在进入你的dist文件夹并运行这个命令

http-server

如图所示:

检查http://localhost:8080在浏览器中

鞠安民
2023-03-14

至少对于Angular应用程序来说,Angular-超文本传输协议-server似乎是一个更好的选择。

首先使用您喜欢的软件包管理器安装它,例如

npm install angular-http-server -g

或者

yarn global add angular-http-server

然后执行它:

angular-http-server --path path/to/dist/folder

有关使用情况的更多信息,请查看回购协议。

PS:根据作者的说法,它也应该与其他SPA框架(React、Vue等等)一起工作。

PPS:请勿将angular http server用于生产,此解决方案仅用于测试目的。

乐成济
2023-03-14

您可以使用http服务器来执行此操作。首先,使用命令ngbuild--prod--aot--output hashing=none生成一个构建。这将在目录结构中创建dist文件夹。

之后,运行http服务器/dist,它将从dist文件夹开始为您的项目提供服务。

确保已使用全局安装http服务器

npm install http-server -g

有关参考,请参阅https://www.npmjs.com/package/http-server

 类似资料:
  • 如何使用java将文件从一个文件夹复制到另一个文件夹?我试图使用 如果目标文件夹不包含具有相同名称的文件,则此操作有效。如果我尝试将文件粘贴到文件夹中,它会引发IOException。然而,有什么办法可以解决这个问题吗?可能我只想将自动重命名为pasteItem(1)或类似名称的文件粘贴。请建议。 事实上,如果同名文件已经存在,我将为该文件获得一个新名称。我不知道如何复制文件,然后重命名。如果我先

  • 问题内容: 这个问题已经在这里有了答案 : 使用Java将文件从一个目录复制到另一个目录 (33个答案) 4年前关闭。 如何将一个文件夹及其所有子文件夹和文件复制到另一个文件夹中? 问题答案: Apache Commons IO可以为您解决问题。看看FileUtils。

  • 我有两个endpointapi,它们是/uploadand/redirect 我不知道为什么会发生这种情况。谢谢你的帮助。

  • 我使用以下代码移动图像一个文件夹到另一个文件夹,但它不工作。 如下 但还是不行谢谢

  • 假设是Spark中的一个数据文件。将写入单个CSV文件的方法是 任何帮助都很感激。

  • 问题内容: 我正在使用cx_freeze部署我的应用程序。我想包含整个目录,因为包含单个文件不会将它们放在文件夹中。如何包含文件夹? 问题答案: 您必须为构建选项设置一个include files参数。您可以通过不同的方式执行此操作,但是我将展示部分配置。我在这里描述的是针对一个特定的文件和一个特定的目的地。我认为您也可以设置这样的路径,但是我尚未对此进行测试。 编辑: 对此进行了测试,因此请为您