vue打包圖片路徑報錯問題


好久沒有做vue項目了 處於遺忘狀態了……

這次用vue做了一個移動端大轉盤抽獎活動,打包的時候出現了圖片路徑問題報錯問題,百度解決了,記錄下

分為css打包路徑和js打包路徑報錯問題

1、css主要修改兩個配置文件,首先將build文件夾下的until.js文件打開,找到如圖1所示的地方加上publicPath,然后找到config文件夾下的index.js里面的build對象下的assetsPublicPath,如圖2所示把'/'改成‘./’

2、js中使用先把圖片放到static文件夾下面,然后按着./static/img/x.png去引用就行了。原因呢是js動態生成的路徑無法被url-loader解析到,所以這個路徑應該是index.html和圖片的相對位置

注:也可以直接把圖片全部放到騰訊雲之類的服務器上,這樣就用擔心路徑報錯了 

 


免責聲明!

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



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