Question

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

请帮助。我被困住了。

Answer 1

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

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

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

动态配置Angular资产url

1 个答案: