css代碼里使用里這樣路徑的圖片:
background: url('../assets/images/bg01.jpg') no-repeat;
打包過(guò)后bg01.jpg會(huì)被打包到dist>static>img目錄下。
打包之后background: url('../assets/images/bg01.jpg') no-repeat; 會(huì)被解析為background: url('static/img/bg01.9be8e15.jpg') no-repeat;
但是這行代碼在css文件夾下蒋纬,css文件夾css文件訪問(wèn)img文件下猎荠,需要返回上級(jí)目錄坚弱。所以‘static/img/bg01.9be8e15.jpg'目錄是錯(cuò)誤的。
解決辦法:
在項(xiàng)目的build/utils.js文件里添加
publicPath:'../../'// 解決Vue打包后背景圖片路徑錯(cuò)誤問(wèn)題