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/”文件夾下有這張圖片,打包后路徑發生變化這個圖片就找不到了,stackflow上有一個解決辦法,很簡單

打開“build/utils.js”,增加一行代碼即可

原文地址:http://www.ftc20.com/wordpress/2017/11/vue-static-resource-route-question/


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM