鍍金池/ 問(wèn)答/HTML/ webpack打包項(xiàng)目,圖片路徑是中文名,導(dǎo)致404

webpack打包項(xiàng)目,圖片路徑是中文名,導(dǎo)致404

npm run dev的時(shí)候是有圖片的

clipboard.png

webpack打包項(xiàng)目,圖片路徑是中文名
clipboard.png

但是查看dom對(duì)應(yīng)的css,仍然是

background-image: url("/static/img/manager/測(cè)試.png")

同目錄下的英文文件名圖片則正常引用。

應(yīng)該是編碼問(wèn)題,但是不知道用什么方式解決問(wèn)題,圖片地址因?yàn)樾枨笤蛐枰弥形摹?/p>

麻煩各位幫忙看一下,感謝


補(bǔ)充:vue代碼如下
clipboard.png
如果文件名是英文名,打包前后都是正常的
中文名時(shí) 無(wú)論uriencode還是decode都不管用

回答
編輯回答
青黛色

給這個(gè)地址加個(gè)encodeURIComponent,轉(zhuǎn)一下碼試試。

2018年8月6日 17:22