了解vue.js打包后圖片路徑錯(cuò)誤的解決方法？這個(gè)問題可能是我們?nèi)粘W(xué)習(xí)或工作經(jīng)常見到的。希望通過這個(gè)問題能讓你收獲頗深。下面是小編給大家?guī)淼膮⒖純?nèi)容，讓我們一起來看看吧！

成都創(chuàng)新互聯(lián)公司自2013年起，先為淮安等服務(wù)建站，淮安等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為淮安企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。

vue.js打包后圖片路徑錯(cuò)誤的解決辦法：1、修改【assetsPublicPath: './'】；2、打開【webpack.prod.conf.js】，在output增加【publicPath: './'】。

vue.js打包后圖片路徑錯(cuò)誤的解決辦法：

解決辦法如圖：

(1)、

修改assetsPublicPath: './'

(2)、打開webpack.prod.conf.js，在output：增加publicPath: './'

雖然解決了資源路徑的引用問題，但是資源里面的背景圖片還是不顯示， background: url("../../assets/images/logo-index.png") no-repeat;被相對(duì)打包后變成了url(static/img/logo-index.2fbf2.png) no-repeat所以我們要保留css引用圖片的正常路徑，即：url(../../static/img/logo-index.2fbf2.png) no-repeat

那么就需要修改build文件夾下的utils.js代碼，如圖所示：

添加publicPath:'../../'這一行代碼，這樣不論是字體還是圖片的引用問題都能解決。

感謝各位的閱讀！看完上述內(nèi)容，你們對(duì)vue.js打包后圖片路徑錯(cuò)誤的解決方法大概了解了嗎？希望文章內(nèi)容對(duì)大家有所幫助。如果想了解更多相關(guān)文章內(nèi)容，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。