Angular 2 CLI - 部署

Question

Angular 2 CLI - 部署

3

我使用Angular 2 CLI搭建了一个Angular 2应用程序。现在我的问题是，我想将该应用程序部署到本地服务器作为演示环境供其他人查看。

大多数使用Angular 2 CLI的教程都显示了一个dist文件夹，这似乎是在使用CLI创建项目时生成的。我只能使用ng build命令来生成dist文件夹。我假设Angular 2 CLI更改了最初dist文件夹所在的位置，现在只有在使用ng build命令后才能生成它？

作为测试，我将生成的dist文件夹复制到WAMP服务器的www文件夹中[http://localhost:8080/Project/dist/]，尝试运行该应用程序... 浏览器控制台显示：

Failed to load resource: the server responded with a status of 404 (Not Found)      http://localhost:8080/inline.js
Failed to load resource: the server responded with a status of 404 (Not Found)      http://localhost:8080/bundle.js

它正在寻找本地服务器根目录下的所有资源，而不是将根目录设置为dist文件夹中的index.html位置。所有图片和图标都有相同的问题...我想我没有正确配置相对路径...我该怎么办？

- dandev91

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Yuri · Accepted Answer

首先，您可以指定`ng build`命令的输出路径 - 因此无需手动复制。例如：ng build --output-path /var/www/app_foo/root/。

其次，在`index.html`中实现了基础路径概念，作为基础标签。您可以手动设置它，或者通过`ng build`构建时设置，例如：`ng build --base-href /path/`。

在您的情况下，似乎应该匹配为：`ng build --base-href /Project/dist/`。