解決vue-cli 打包后靜態資源路徑不對的問題


項目基於vue-cli搭建的,都會自動配置一些打包的參數。在實際項目中,可能會用到static下的靜態圖片。

打包出來后,圖片加載錯誤。查看圖片路徑發現有雙層的static/css/static/images。很明顯是打包的時候,路徑配置的不對。

可以通過添加publicPath:"../../"解決該問題:需要修改build文件夾下的utils.js代碼,如圖所示:

publicPath配置后,引入的圖片就會在文件路徑前添加該路徑配置;相關資料【https://webpack.docschina.org/guides/public-path/】

 

文章由本人親自整理,絕對原創,轉載請說明。如有問題也請大家多多包涵

 


免責聲明!

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



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