Vue打包后訪問靜態(tài)資源路徑問題
更新時(shí)間：2019年11月08日 14:24:25 作者：王、小墨
在本篇文章里小編給各位整理的是關(guān)于Vue打包后訪問靜態(tài)資源路徑問題相關(guān)知識(shí)點(diǎn)，需要的朋友們學(xué)習(xí)下。
Vue介紹中static文件夾里放的是靜態(tài)資源目錄，如圖片、字體等。
我們發(fā)現(xiàn)運(yùn)行npm run start后本地圖片路徑是沒問題的，但是打包上傳后會(huì)怎么樣呢？
我們知道，執(zhí)行npm run build 后會(huì)生成dist文件夾，把里面的index.html在瀏覽器運(yùn)行會(huì)發(fā)現(xiàn)
圖片路徑出錯(cuò)啦?。?！
解決方法：
1.先找到config下的index.js文件
把最后的'/' 改為 './'
2.接著把圖片地址改為
以上就是Vue打包后訪問靜態(tài)資源路徑問題的相關(guān)知識(shí)點(diǎn)，感謝大家的閱讀和對(duì)腳本之家的支持。
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了Vue+Antv?F2實(shí)現(xiàn)層疊柱狀圖，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-04-04
vue 請(qǐng)求后臺(tái)數(shù)據(jù)的實(shí)例代碼
本篇文章主要介紹了vue 請(qǐng)求后臺(tái)數(shù)據(jù)的實(shí)例代碼，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧、2017-06-06
vue之input輸入框防抖debounce函數(shù)的使用方式
這篇文章主要介紹了vue之input輸入框防抖debounce函數(shù)的使用方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-11-11
這篇文章主要介紹了Vue中如何實(shí)現(xiàn)字符串換行問題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-10-10
vue運(yùn)行報(bào)錯(cuò)cache-loader的解決步驟
最近運(yùn)行vue項(xiàng)目的時(shí)候報(bào)錯(cuò)了,通過查找相關(guān)資料最終解決,下面這篇文章主要給大家介紹了關(guān)于vue運(yùn)行報(bào)錯(cuò)cache-loader的解決步驟,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-02-02
vue解決一個(gè)方法同時(shí)發(fā)送多個(gè)請(qǐng)求的問題
今天小編就為大家分享一篇vue解決一個(gè)方法同時(shí)發(fā)送多個(gè)請(qǐng)求的問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-09-09
vue實(shí)現(xiàn)離線地圖+leaflet+高德瓦片的詳細(xì)代碼
這篇文章主要給大家介紹了關(guān)于vue實(shí)現(xiàn)離線地圖+leaflet+高德瓦片的詳細(xì)代碼,Vue Leaflet是一種結(jié)合了Vue框架和Leaflet庫(kù)的前端技術(shù),用于展示和操作天地圖,需要的朋友可以參考下2023-10-10
vue實(shí)現(xiàn)可以快進(jìn)后退的跑馬燈組件
這篇文章主要為大家詳細(xì)介紹了vue編寫一個(gè)可以快進(jìn)后退的跑馬燈組件，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-04-04
Vue?Property?Decorator提供了一些裝飾器，包括@Prop、@Watch、@Emit、@Inject、@Provide、@Model等等，本文主要來和大家講講它們的使用方法，需要的可以參考一下2023-07-07
這篇文章主要為大家詳細(xì)介紹了Vue.js實(shí)現(xiàn)分頁查詢功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-11-11