Vue打包后訪問靜態(tài)資源路徑問題
更新時間：2019年11月08日 14:24:25 作者：王、小墨
在本篇文章里小編給各位整理的是關(guān)于Vue打包后訪問靜態(tài)資源路徑問題相關(guān)知識點，需要的朋友們學習下。
Vue介紹中static文件夾里放的是靜態(tài)資源目錄，如圖片、字體等。
我們發(fā)現(xiàn)運行npm run start后本地圖片路徑是沒問題的，但是打包上傳后會怎么樣呢？
我們知道，執(zhí)行npm run build 后會生成dist文件夾，把里面的index.html在瀏覽器運行會發(fā)現(xiàn)
圖片路徑出錯啦?。?！
解決方法：
1.先找到config下的index.js文件
把最后的'/' 改為 './'
2.接著把圖片地址改為
以上就是Vue打包后訪問靜態(tài)資源路徑問題的相關(guān)知識點，感謝大家的閱讀和對腳本之家的支持。
相關(guān)文章
這篇文章主要介紹了Vue Router路由無法跳轉(zhuǎn)問題匯總,在這里我整理了部分Vue Router路由無法跳轉(zhuǎn)問題,結(jié)合實例代碼給大家介紹的非常詳細,需要的朋友可以參考下2023-09-09
下面小編就為大家分享一篇淺談vue.js導入css庫(elementUi)的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03
這篇文章主要介紹了el-select 下拉框全選、多選的幾種方式組件示例詳解,本文通過示例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友參考下吧2023-12-12
在本文里我們給大家整理了關(guān)于vue2.0中set添加屬性后視圖不能更新的解決辦法以及相關(guān)知識點，需要的朋友們學習下。2019-02-02
本篇文章主要介紹了詳解Vue單元測試Karma+Mocha學習筆記，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-01-01
解決Vue.js父組件$on無法監(jiān)聽子組件$emit觸發(fā)事件的問題
今天小編就為大家分享一篇解決Vue.js父組件$on無法監(jiān)聽子組件$emit觸發(fā)事件的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
這篇文章主要介紹了Vue之文件加載執(zhí)行全流程，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-04-04
這篇文章主要介紹了淺談Vue頁面級緩存解決方案feb-alive(上)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-04-04
當構(gòu)建的項目比較大的時候,懶加載可以分割代碼塊,提高頁面的初始加載效率解決白屏問題,下面是幾種常見vue路由懶加載的方法,感興趣的朋友跟隨小編一起看看吧2023-11-11
這篇文章主要為大家詳細介紹了vue實現(xiàn)滑動到底部加載更多效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-08-08