vue打包靜態資源路徑不正確的解決辦法
vue項目完成打包上線的時候會碰到靜態資源找不到的問題,常見的有兩個
1、js,css路徑不對
解決辦法:打開config/index.js,將其中的assetsPublicPath值改為’./’
2、css中引用的圖片資源找不到
我的login.vue文件中有一段css,其中引用了一個背景圖片,是這樣寫的
.login{height:100%;background: url("../assets/login_bg.jpg") no-repeat; background-size: cover;color: white;}
“src/assets/”文件夾下有這張圖片,打包后路徑發生變化這個圖片就找不到了,
打開“build/utils.js”,增加一行代碼即可
publicPath:'../../'
轉載自:https://www.cnblogs.com/diantao/p/7776523.html