vue項目打包后圖片以及圖標不展示


打包后的index.html在瀏覽器中打開你會發現圖片資源和圖標資源未展示出來,此時我們可以在瀏覽器中檢查資源路徑,你會發現它是相對於dist文件夾下的路徑(static/img/0.65fe52c.jpg),但實質上當我們把該文件夾上傳至服務器后該路徑是相對於項目根目錄來定位的,應該是(../../static/img/0.65fe52c.jpg),故而查找不到資源。我們子啊一個項目中肯定不只一處使用這樣的靜態資源,那么我們要打包后一個一個去更改嗎?必然不是,我們只需要在build/utils.js文件中找到vue-style-loader配置,為它新增(publicPath: '../../')即可。

 

 

 


免責聲明!

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



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