vue-vli环境下执行 npm run dev，css文件图片加载报错

Question

项目目录如下：

在App.vue中导入common.css
<style lang="scss">
@import './assets/css/common';
</style>

---------------- common.css-----------------------

body{
    background-image: url(../images/y-banner03.jpg);/*相对路径*/
    /*background-image: url(/src/assets/images/y-banner03.jpg);
    绝对路径*/
}

问题是：
当css背景图片为相对路径时，执行npm run dev后
npm报错-Module not found: Error: Can't resolve '../images/y-banner03.jpg' in 'D:/WebApps/myapp1/src'
浏览器发现实际图片路径为localhost：8080/images/y-banner03.jpg.

当图片路径为绝对路径时，npm run dev 后npm不会报错，浏览器发现图片路径为
localhost：8080/src/assets/images/y-banner03.jpg,路径应该没问题了，但是图片仍然无法显示

Answer 1

https://zhuanlan.zhihu.com/p/...
又要粘贴这个文章了，今天第二次了