动态配置Angular资产url

时间:2019-06-04 11:34:38

标签: angular angular-ui-router angular7

嗨,我使用的是angular 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

请帮助。我被困住了。

1 个答案:

答案 0 :(得分:0)

您应该使用./assets/作为路径。

还需要确保资产在angular.json下的build --> options中被提及:

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