使用SCSS和角度的背景网址问题

Question

我在有角项目中使用scss。当我使用这样的背景图片时：

url("/assets/images/test.jpg")我的项目构建没有问题，我可以在本地甚至使用ng serve --build看到图像，但是当我将其上传到IIS服务器时，所有背景图像都显示404错误，因为该项目正在寻找图像。 domain/assets/image/test.jpg而不是domain/application/assets/image/test.jpg。

如果我使用chrome Devtools将图片网址更改为assets/images/test.jpg，则效果很好。

但是当我尝试将代码更改为assets时一开始没有“ /”时，在postcss加载器中出现以下错误：

无法解析'D：\ application \ src \ assets'中的'assets / images / test.jpg'

尝试过“ ../”、“./”、“src/assets”和许多其他操作，但是只有在开始写“ /”时，应用程序才编译。

我正在使用basehref在我的服务器上构建和重写规则，但仍然存在相同的错误。

Answer 1

尝试使用--deploy-url标志进行构建

ng build --prod --deploy-url=/application