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