嗨,我使用的是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
}
所有方法均无效。如何配置资产路径,而无需手动将
附加baseUrlBase+asset+imagePath
请帮助。我被困住了。
答案 0 :(得分:0)
您应该使用./assets/
作为路径。
还需要确保资产在angular.json
下的build --> options
中被提及:
"assets": [
"src/assets"
],