vue-vli環(huán)境下執(zhí)行 npm run dev，css文件圖片加載報(bào)錯(cuò)

項(xiàng)目目錄如下：

在App.vue中導(dǎo)入common.css
<style lang="scss">
@import './assets/css/common';
</style>

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

body{
    background-image: url(../images/y-banner03.jpg);/*相對(duì)路徑*/
    /*background-image: url(/src/assets/images/y-banner03.jpg);
    絕對(duì)路徑*/
}

問(wèn)題是：
當(dāng)css背景圖片為相對(duì)路徑時(shí)，執(zhí)行npm run dev后
npm報(bào)錯(cuò)-Module not found: Error: Can't resolve '../images/y-banner03.jpg' in 'D:/WebApps/myapp1/src'
瀏覽器發(fā)現(xiàn)實(shí)際圖片路徑為localhost：8080/images/y-banner03.jpg.

當(dāng)圖片路徑為絕對(duì)路徑時(shí)，npm run dev 后npm不會(huì)報(bào)錯(cuò)，瀏覽器發(fā)現(xiàn)圖片路徑為
localhost：8080/src/assets/images/y-banner03.jpg,路徑應(yīng)該沒(méi)問(wèn)題了，但是圖片仍然無(wú)法顯示