解決Vue打包之后文件路徑出錯的問題
更新時間：2018年03月06日 09:53:04 作者：been_Free
下面小編就為大家分享一篇解決Vue打包之后文件路徑出錯的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
這里以vue-cli創(chuàng)建的項目為例
1、文件路徑不對
找到config文件夾下的index.js文件修改一下位置
看清楚是 build（上邊還有個dev 是開發(fā)環(huán)境下的配置，不需要改動）下的 assetsPublicPath ：將‘/'改為‘./'
2、背景圖片路徑不對
在css中寫的background-img的路徑出錯 需要找到build文件夾下的utils.js,修改一下位置
加入紅框內(nèi)字段即可。
以上這篇解決Vue打包之后文件路徑出錯的問題就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
詳解如何使用vue和electron開發(fā)一個桌面應用
這篇文章主要為大家介紹了詳解如何使用vue和electron開發(fā)一個桌面應用，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-03-03
vite2.x實現(xiàn)按需加載ant-design-vue@next組件的方法
這篇文章主要介紹了vite2.x實現(xiàn)按需加載ant-design-vue@next組件的方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2021-03-03
vue使用iview的modal彈窗嵌套modal出現(xiàn)格式錯誤的解決
這篇文章主要介紹了vue使用iview的modal彈窗嵌套modal出現(xiàn)格式錯誤的解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-09-09
Vux+Axios攔截器增加loading的問題及實現(xiàn)方法
這篇文章主要介紹了Vux+Axios攔截器增加loading的問題及實現(xiàn)方法，文中通過實例代碼介紹了vue中使用axios的相關(guān)知識,需要的朋友可以參考下2018-11-11
下面小編就為大家分享一篇Vue-cli中為單獨頁面設置背景色的實現(xiàn)方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02
最近在做一個類似課程表的需求,需要自制一個日歷來支持功能及展現(xiàn),就順便研究一下應該怎么開發(fā)日歷組件,下面這篇文章主要給大家介紹了關(guān)于如何基于vue2實現(xiàn)一個日歷組件的相關(guān)資料,需要的朋友可以參考下2022-12-12
在使用Vite和Vue3構(gòu)建的JavaScript項目中,確保對低版本瀏覽器的兼容性是一個重要的考慮因素,以下是一些具體的解決方案和步驟,可以幫助你實現(xiàn)這一目標,需要的朋友可以參考下2024-11-11
今天小編就為大家分享一篇關(guān)于vue-router命名路由和編程式路由傳參講解，小編覺得內(nèi)容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧2019-01-01
vue+element實現(xiàn)下拉菜單并帶本地搜索功能示例詳解
這篇文章主要介紹了vue+element實現(xiàn)下拉菜單并帶本地搜索功能,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2021-09-09
在本篇文章里小編給大家整理的是關(guān)于VUE 項目初建和常見問題以及相關(guān)知識點內(nèi)容，有需要的朋友們學習下。2019-09-09