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