动态配置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"
            ],