鍍金池/ 問答/HTML/ VUE 打包之后，部分圖片路徑不對

VUE 打包之后，部分圖片路徑不對

打包生成之后的圖片路徑不對
//192.168.111.90/dist/static/css/static/img/downApp.254207f.png 404 (Not Found)

但是同一個頁面，其它的圖片能正常顯示
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAeCAYAAABNChwpAAAAAXNSR…TkDBgHvGSXgwZzJfbCy0ZGZBc+NP9OBMtJV7QVjSd2dvnjH0UTja314l9CAAAAAElFTkSuQmCC) no-repeat;

不知道什么問題?

回答
編輯回答
拼未來

圖片描述

我是修改了webpack中在生成hash值時將hash值放到了圖片后面

2018年1月15日 20:38
編輯回答
檸檬藍

不是其他路徑的對了，而是其他的圖片轉成base64了，你比對一下打包后的static和未打包的static文件夾位置

2017年10月22日 06:41
編輯回答
扯機薄

最后的方案是改了找到 build->utils.js,在里面加入一句publicPath:'../../',

2017年5月5日 21:11
編輯回答
話寡

檢查一下 webpack 配置，應該是使用url-loader，低于限制值大小的圖片會被轉化為 base64。大于限制值大小的圖片，被編譯到指定目錄下，具體配置應該在類似 ./config/index.js 下，檢查一下這個配置，這個是我的項目配置，具體根據(jù)你的項目配置而定。

clipboard.png

2017年8月21日 07:25
編輯回答
萢萢糖

該圖片是不是動態(tài)引入的 也就是在js或者在處理邏輯的時候中引入的？
如果是，請引入的時候這樣寫：

require("../assets/navBottom/gzt_icon_0.png"),

如果不這么寫，你直接寫../assets/navBottom/gzt_icon_0.png，它是不會把圖片路徑自動編譯成base64了，但是你所有的源圖片路徑都被編譯成base64了，所以自然就報404了

2017年3月12日 11:42