webpack+vue項(xiàng)目打包生成資源文件報(bào)404錯(cuò)誤怎么辦

這篇文章主要介紹了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ì)竭力真誠(chéng)服務(wù)，采用H5建站+CSS3前端渲染技術(shù)，成都響應(yīng)式網(wǎng)站建設(shè)公司，讓網(wǎng)站在手機(jī)、平板、PC、微信下都能呈現(xiàn)。建站過(guò)程建立專項(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引入均沒(méi)有問(wèn)題，但是css中的background-image還是報(bào)404

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

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

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

感謝你能夠認(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í)等著你來(lái)學(xué)習(xí)!

網(wǎng)站欄目：webpack+vue項(xiàng)目打包生成資源文件報(bào)404錯(cuò)誤怎么辦
分享路徑：http://www.muchs.cn/article38/ghocpp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供響應(yīng)式網(wǎng)站、品牌網(wǎng)站設(shè)計(jì)、網(wǎng)站設(shè)計(jì)公司、做網(wǎng)站、外貿(mào)建站、域名注冊(cè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)