Angular CLI构建prod javascript/css链接不起作用

Question

我正在使用Angular CLI将我的Angular应用程序编译为JS和CSS文件。我正在使用ng build --environment prod进行编译。

当在index.html文件中的dist文件夹中寻找，我看到JS和CSS文件链接正常，像这样：

<script type="text/javascript" src="script.js"></script> 

但是当我打开index.html文件，Safari浏览器抱怨说，这些文件没有找到。但是，当我编辑这样的HTML文件：

<script type="text/javascript" src="file:///Users/me/proj/dist/script.js"></script> 

一切正常......我该如何解决这个问题？粗略地说，这是dist文件夹的外观。

dist 
    |--------- index.html 
    |--------- styles.css 
    |--------- script.js 

Answer 1

dist文件夹旨在被部署到生产服务器......不能直接从您的系统运行。

作为ng build的一部分--prod，您可以指定用于生产服务器的基本URL。它定义了它将在哪里找到这些文件。

ng build --prod --base-href myProductionServerFolder 

Answer 2

我解决了这个问题。

ng build --prod --base-href/dist