這篇文章主要介紹了webpack+vue項(xiàng)目打包生成資源文件報(bào)404錯(cuò)誤怎么辦，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

專業(yè)從事成都網(wǎng)站制作、成都網(wǎng)站建設(shè),高端網(wǎng)站制作設(shè)計(jì),微信小程序,網(wǎng)站推廣的成都做網(wǎng)站的公司。優(yōu)秀技術(shù)團(tuán)隊(duì)竭力真誠服務(wù)，采用H5建站+CSS3前端渲染技術(shù)，成都響應(yīng)式網(wǎng)站建設(shè)公司，讓網(wǎng)站在手機(jī)、平板、PC、微信下都能呈現(xiàn)。建站過程建立專項(xiàng)小組，與您實(shí)時(shí)在線互動(dòng)，隨時(shí)提供解決方案，暢聊想法和感受。

一、首先修改config目錄下的index.js文件

將其中build的配置項(xiàng)assetsPublicPath進(jìn)行修改，改為

目的是將資源文件的引入路徑，改為相對(duì)地址（相對(duì)index.html）

二、此時(shí)html中的js、css、img引入均沒有問題，但是css中的background-image還是報(bào)404

此時(shí)的問題原因是，使用了相對(duì)地址后，在css進(jìn)行引入的圖片路徑，其相對(duì)的是css文件的路徑

此時(shí)的修改方法是，修改build文件夾中的utils.js文件，修改如下這一行

這樣css中的背景圖也OK了，如果在css中引入字體也可以用這樣的方式修復(fù)404問題。

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“webpack+vue項(xiàng)目打包生成資源文件報(bào)404錯(cuò)誤怎么辦”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來學(xué)習(xí)!