Vue打包后訪問靜態資源路徑問題


Vue介紹中static文件夾里放的是靜態資源目錄,如圖片、字體等。

我們發現運行npm run start后本地圖片路徑是沒問題的,但是打包上傳后會怎么樣呢?

 

我們知道,執行npm run build 后會生成dist文件夾,把里面的index.html在瀏覽器運行會發現

圖片路徑出錯啦!!!

解決方法:

1.先找到config下的index.js文件

 

 把最后的'/' 改為 './'

2.接着把圖片地址改為

 

 

 

 這樣就解決啦~~

 


免責聲明!

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



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