資訊專欄INFORMATION COLUMN
摘要：大家可否遇到過(guò)打包后，項(xiàng)目在線上運(yùn)行時(shí)，資源文件圖片圖標(biāo)不顯示的問(wèn)題，接下來(lái)，我給大家分享一下我的解決方案檢查打包后中的文件打開(kāi)此文件后你會(huì)頭暈，因?yàn)槎际谴虬鼔嚎s過(guò)的代碼，不過(guò)沒(méi)關(guān)系，關(guān)鍵字搜索檢查該路徑是否匹配正確對(duì)比后驚人發(fā)現(xiàn)因此在路徑
大家可否遇到過(guò) npm run build 打包后，項(xiàng)目在線上運(yùn)行時(shí)，資源文件(圖片、圖標(biāo))不顯示的問(wèn)題，
接下來(lái)，我給大家分享一下我的解決方案~
1.檢查打包后dist中的css文件 2.自動(dòng)添加 ../../ 的方法 配置好之后，npm run build打包后就會(huì)自動(dòng)匹配正確的路徑，無(wú)需手動(dòng)修改， 歡迎大家以后一起交流與學(xué)習(xí)~
打開(kāi)此文件后你會(huì)頭暈，因?yàn)槎际谴虬鼔嚎s過(guò)的css代碼，不過(guò)沒(méi)關(guān)系，關(guān)鍵字搜索url
檢查該url路徑是否匹配正確
對(duì)比后驚人發(fā)現(xiàn)?。。?/strong>
因此在url路徑前添加../../就OK了，但是很麻煩，每次打包后都要進(jìn)行二次加工嗎？
并不是?。。?/p>
打開(kāi)build/utils.js，檢測(cè)publicPath值是否正確，自己配置成相應(yīng)的即可！ if (options.extract) {
return ExtractTextPlugin.extract({
use: loaders,
fallback: "vue-style-loader",
publicPath: "../../"
})
} else {
return ["vue-style-loader"].concat(loaders)
}
最終解決項(xiàng)目打包后 圖片/圖標(biāo)/字體 不顯示的問(wèn)題~
這是我的個(gè)人微信
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/106005.html
摘要：前言這是我第一個(gè)基于的項(xiàng)目作品，目的很簡(jiǎn)單，學(xué)以致用，將之前的前端知識(shí)積累加上目前流行的前端框架，以項(xiàng)目的形式展現(xiàn)出來(lái)。即將屬性和請(qǐng)求返回?cái)?shù)據(jù)對(duì)象合并到空對(duì)象，然后賦值給這里加上即提供了一種可擴(kuò)展的機(jī)制，倘若原來(lái)的屬性中有預(yù)定義的其他屬性。 前言 這是我第一個(gè)基于 Vue 的項(xiàng)目作品，目的很簡(jiǎn)單，學(xué)以致用，將之前的前端知識(shí)積累加上目前流行的前端框架，以項(xiàng)目的形式展現(xiàn)出來(lái)。 源代碼：ht...
摘要：在谷歌找多頁(yè)面，實(shí)例還是比較少，功夫不負(fù)有心人，在那找到了，具體可以到這個(gè)，非常感謝童鞋，今天要講的內(nèi)容是基于童鞋的多頁(yè)面實(shí)例上再優(yōu)化的。有需要一起交流的可以加我的微信，，記得備注技術(shù)交流哈。 vue+webpack是否有多頁(yè)面 目前使用vue來(lái)做項(xiàng)目，估計(jì)大部分都是單頁(yè)面（SPA）應(yīng)用，一個(gè)輕型的 MVVM 框架，誰(shuí)用了MVVM框架，就再也回不去JQ時(shí)代了，哈哈。 在手機(jī)端的項(xiàng)目，使...
摘要：項(xiàng)目地址一知識(shí)獲取當(dāng)前文件所在路徑，等同于把一個(gè)路徑或路徑片段的序列解析為一個(gè)絕對(duì)路徑給定的路徑的序列是從右往左被處理的，后面每個(gè)被依次解析，直到構(gòu)造完成一個(gè)絕對(duì)路徑如果處理完全部給定的片段后還未生成一個(gè)絕對(duì)路徑，則當(dāng)前工作目錄會(huì)被用上生成 項(xiàng)目git地址 一、node知識(shí) __dirname: 獲取當(dāng)前文件所在路徑，等同于path.dirname(__filename) consol...
摘要：老司機(jī)開(kāi)車從不需要理由喜歡我就來(lái)點(diǎn)我吧易杭貼吧新鮮出爐的中文社區(qū)前述最近一直在寫(xiě)一個(gè)發(fā)貼子的應(yīng)用，前不久才剛剛完工其實(shí)還有很多需要改進(jìn)的地方。 老司機(jī)開(kāi)車 從不需要理由 喜歡我 就來(lái)點(diǎn)我吧 易杭貼吧--新鮮出爐的中文社區(qū) http://tieba.freeedit.cn showImg(https://segmentfault.com/img/remote/146000000982...
閱讀 2881·2021-11-16 11:55
閱讀 2630·2021-09-29 09:34
閱讀 3449·2021-09-01 14:21
閱讀 3785·2019-08-29 12:36
閱讀 709·2019-08-26 10:55
閱讀 4003·2019-08-26 10:20
閱讀 1040·2019-08-23 18:19
閱讀 1209·2019-08-23 17:56
