vue-cli打包后圖片路徑取不到的問題


今天准備把vue-cli build 的文件發到服務器上單發現會出現圖片找不到的問題 解決辦法如下

修改 assetsPublicPath: './'

.打開webpack.prod.conf.js,在output:增加 publicPath: './'

雖然解決了資源路徑的引用問題,但是資源里面的背景圖片還是不顯示, background: url("../../assets/images/logo-index.png") no-repeat;被相對打包后變成了url(static/img/logo-index.2fbf2.png) no-repeat所以我們要保留css引用圖片的正常路徑,即:url(../../static/img/logo-index.2fbf2.png) no-repeat

那么就需要修改build文件夾下的utils.js代碼,如圖所示:

親試好用 備忘


免責聲明!

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



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