動態配置Angular資產網址

Question

嗨，我使用角度7，我有應用程序的生產版本的問題。 我的應用程序位於服務器的子文件夾中，即www.hshsh.com/cm /其中cm是我的子文件夾，其中保存了構建的文件。 我已將基礎href設置為

--base-href = /cm/

在下載js文件和路由時，一切正常。 但我有一個問題，從資產文件夾顯示圖像為

<img src="../../assets/images/delete_icon.png" width="15px" height="15px" >

它顯示404錯誤。

我試過的

我已嘗試過以下所有可能性

<img src="../../assets/images/delete_icon.png" width="15px" height="15px" >
<img src="/assets/images/delete_icon.png" width="15px" height="15px" >
<img src="assets/images/delete_icon.png" width="15px" height="15px" >

我也嘗試過這樣做的CSS方式

.class1 {
    background: url("/assets/images/delete_icon.png" width="15px" height="15px""); // Doesnt work.404
}

.class2 {
    background: url("assets/images/delete_icon.png" width="15px" height="15px""); // Compiler error
}

.class3 {
    background: url("/../../assets/images/delete_icon.png" width="15px" height="15px"" width="15px" height="15px""); // 404
}

這些方法都不起作用。 如何配置資產路徑而不手動附加baseUrl

Base+asset+imagePath

請幫忙。 我被卡住了。

Answer 1

您應該使用./assets/作為路徑。

此外，您需要確保在angular.json build --> options下的angular.json提到了資產：

"assets": [
              "src/assets"
            ],