使用 ng build 構建後資源地址引用錯誤的問題

最近使用 Angular 作項目的時候，經過 ng build 打包後的資源地址都帶有 localhost:4200，百思不得其解，覺得是打包的問題。

最後在 index.html 的文件中發現有一個 <base> 標籤，原來這個標籤會在頁面的全部連接上添加默認地址。如下是詳細說明：

<base> 標籤爲頁面上的全部連接規定默認地址或默認目標。

一般狀況下，瀏覽器會從當前文檔的 URL 中提取相應的元素來填寫相對 URL 中的空白。

使用 <base> 標籤能夠改變這一點。瀏覽器隨後將再也不使用當前文檔的 URL，而使用指定的基本 URL 來解析全部的相對 URL。這其中包括 <a>、<img>、<link>、<form> 標籤中的 URL。

注意：添加 <base> 標籤以後，對於使用相對路徑的接口請求地址也會改變，因此要慎重使用。