Angular2 - 无法在生产环境中部署答案

【问题标题】：Angular2 - can't deploy in a production environmentAngular2 - 无法在生产环境中部署
【发布时间】：2017-03-01 14:31:02
【问题描述】：

免责声明：我是网络开发/Angular2 的初学者（我已经在互联网上搜索过）

我使用 angular-cli 创建了一个 Angular2 项目。我只是不明白为什么我不能让它在生产中运行。

假设我有最简单的应用程序，步骤如下：

（在本地，端口 4200 上一切运行良好；默认显示“应用程序正常运行！”）

（创建一个包含以下文件的 dist 文件夹：

- favicon.ico
- index.html
- inline.bundle.js
- inline.bundle.map
- main.bundle.js
- main.bundle.map
- styles.bundle.js
- styles.bundle.map

此时，正如许多人所建议的那样，我只是将 dist 文件夹的内容复制到我的 Web 服务器上，但没有任何反应：index.html 只显示“正在加载...”。

本地，用任何浏览器打开index.html，结果都是一样的：显示“Loading...”。

【问题讨论】：

标签： angular

【解决方案1】：

您的 index.html 可能会说类似 ..

<component>
  loading .. 
</component>

这里会显示文本加载，直到组件加载完毕。听起来它无法加载组件。可能是路径问题？您是否在生产环境中设置了正确的基本路径？

例如..

这里所有的请求都会以这个路径为前缀，这可能是也可能不是你想要的。

检查浏览器的 NET 选项卡以查看是否有任何请求失败（未找到 404）。如果是这样，请修复失败请求的路径。

【讨论】：