1.vue打包dist文件時,圖片找不到,無法像在本地一樣查看
問題描述:
本地代碼:<div class="icon"><img :src="'../../src/assets/img/usecar/' + item.appIcon +'.png'" width="50" height="50"/></div> (顯示正常)

測試服務器:打包dist文件到測試服務器后,顯示不正常

經分析為打包后路徑問題,找不到圖片路徑
改成
<div class="icon"><img :src="'../../static/app/img/usecar/' + item.appIcon +'.png'" width="50" height="50"/></div>
把靜態圖片文件放到static里面,同時確保webpack.config.index.js中的文件路徑沒有配置問題(如果是cli搭建項目,默認已經配置)。
補充說明:
另外還要注意的是后台是否對圖片路徑做了重定向(以上都做到了,如果有問題,可能是后台配置問題,本項目是pc端和移動端使用同一個域名,查找無法區分移動端和pc端是哪一個打包后的static文件,故移動端需加app文件夾予以區分;另外一種就是移動端打包dist的static,文件名改成appstatic,本地靜態文件夾同時修改,確保本地和服務器上運行一致。)
