图像在css文件中的背景图像中使用角度通用构建两次加载

Question

我在网站的scss文件中将主页的div图像设置为背景图像：

    background-image: url('../../../assets/images/map.png');

使用ng serve时，此功能可以正常工作。

但是当我使用npm run build:ssr进行构建并运行node server.js时，图像被加载了两次-第一次加载失败，第二次成功：

amyar24.com

server.js中的

更改为background-image: url('map.png');

如何避免两次加载该图像？

Answer 1

在CSS中，您不必编写background-image，而可以按如下方式编写CSS

.mycssclass{
    background: url('/assets/myimage.png');
    background-size: contain;
}

P.S。 -它对我有用，并且不会两次加载图像