Angular 2 CLI - 部署

Question

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

大多数使用 Angular 2 CLI 的教程都显示了一个 dist 文件夹，该文件夹似乎是在首次使用 CLI 创建项目时生成的。我只能使用ng build 生成dist 文件夹。我假设 Angular 2 CLI 改变了最初 dist 文件夹是初始文件夹结构的一部分，但现在它只在使用 ng build 时生成？

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

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 的位置。所有图像和图标都有相同的问题...我想我未能为相对路径配置某些内容...我该怎么办？

Answer 1

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

其次，在index.html - <base href="/path"> 中有一个基本路径 概念实现为基本标记。您可以手动设置，也可以在构建过程中通过ng build --base-href /path/设置。

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