图像在具有角通用构建的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。 -它对我有用，并且不会两次加载图像