vue css引用图片编译后路径出错

背景描述：

scss中背景图片引用路径是这样：

编译后的文件目录是这样：

现在config index.js的build路径配置是这样：

问题描述：

css 和js文件的编译路径都是正确的，/static/css/xxx.js这样

但是图片编译后的路径是 /static/css/static/img/xxx.jpg

原因描述：

因为图片是在scss文件中引入的所以需要再往上两层

问题解决：

在 build文件夹中的utils.js中的下图位置添加红框里的内容就好了：