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)
圖片路徑出錯啦！?。?/p>
解決方法：
1.先找到config下的index.js文件
把最后的'/' 改為 './'
2.接著把圖片地址改為
以上就是Vue打包后訪問靜態(tài)資源路徑問題的相關(guān)知識點，感謝大家的閱讀和對腳本之家的支持。
相關(guān)文章
這篇文章主要為大家詳細介紹了Vue+Antv?F2實現(xiàn)層疊柱狀圖，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-04-04
本篇文章主要介紹了vue 請求后臺數(shù)據(jù)的實例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧、2017-06-06
vue之input輸入框防抖debounce函數(shù)的使用方式
這篇文章主要介紹了vue之input輸入框防抖debounce函數(shù)的使用方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-11-11
這篇文章主要介紹了Vue中如何實現(xiàn)字符串換行問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-10-10
最近運行vue項目的時候報錯了,通過查找相關(guān)資料最終解決,下面這篇文章主要給大家介紹了關(guān)于vue運行報錯cache-loader的解決步驟,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2024-02-02
今天小編就為大家分享一篇vue解決一個方法同時發(fā)送多個請求的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
vue實現(xiàn)離線地圖+leaflet+高德瓦片的詳細代碼
這篇文章主要給大家介紹了關(guān)于vue實現(xiàn)離線地圖+leaflet+高德瓦片的詳細代碼,Vue Leaflet是一種結(jié)合了Vue框架和Leaflet庫的前端技術(shù),用于展示和操作天地圖,需要的朋友可以參考下2023-10-10
這篇文章主要為大家詳細介紹了vue編寫一個可以快進后退的跑馬燈組件，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-04-04
Vue?Property?Decorator提供了一些裝飾器，包括@Prop、@Watch、@Emit、@Inject、@Provide、@Model等等，本文主要來和大家講講它們的使用方法，需要的可以參考一下2023-07-07
這篇文章主要為大家詳細介紹了Vue.js實現(xiàn)分頁查詢功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-11-11