Html 编译后的角度图像url问题

我的问题是，在angular中，在编译资产文件夹之前，它位于一个url中，而在编译之后，它位于另一个url中。 当我执行

ngbuild--prod

时，项目将被编译，内容的url将发生变化。这不是一个问题，因为我可以通过坚持dist来完成项目，就像其他图像一样，但是如果我想玩SCS，如果项目路径不匹配，编译器不会编译，但是如果编译了，我就不能使用第二条路径

ng构建后的路径（以及我需要的路径）

编译前的路径（编译时需要编写的路径）

在HTML中没有问题，因为如果我有以下内容，它可以编译：

<img src="./assets/img/banderaReinoUnido.png" class="d-block" style="width: 100%;" (click)="useLanguage('en')">

---

[ngStyle]它也不起作用，有什么想法吗？

试试这样assets/img/fondo.jpg

---

Angular是SAP，因此要从assets文件夹访问图像，请尝试指定图像的路径，如下所示：

 background-image: url(~src/assets/img/fondo.jpg);

---

使用tilde注释，您指定的是项目的相对根路径，应该可以正确编译。

Try

/assets/img/fondo.jpg

如果没有任何dotsNoup，它会编译但不会显示

<img src="./assets/img/banderaReinoUnido.png" class="d-block" style="width: 100%;" (click)="useLanguage('en')">

 background-image: url(~src/assets/img/fondo.jpg);