首頁  >  文章  >  web前端  >  Vue打包之後檔案路徑出錯如何處理

Vue打包之後檔案路徑出錯如何處理

php中世界最好的语言
php中世界最好的语言原創
2018-03-28 09:52:552029瀏覽

這次帶給大家Vue打包之後文件路徑出錯如何處理,Vue打包之後文件路徑出錯處理的注意事項有哪些,下面就是實戰案例,一起來看一下。

這裡以vue-cli建立的專案為例

#1、檔案路徑不對

找到config資料夾下的index.js檔案修改一下位置

#看清楚是build(上邊還有個dev 是開發環境下的配置,不需要改動)下的assetsPublicPath :將'/'改為'./'

#2、背景圖片路徑不對

在css中寫的background-img的路徑出錯需要找到build資料夾下的utils.js,修改一下位置

加入紅框內字段即可。

相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!

推薦閱讀:

vue+webpack打包路徑有哪些問題

怎麼讓cookie自動取得和過期自動更新

#

以上是Vue打包之後檔案路徑出錯如何處理的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn