前端拼接動態加載請求獲取到的圖片

 

應用場景：

       后端傳給前端一個圖片的名稱，前端進行拼接獲取本地圖片展示

解決方法：

1.配置文檔build/webpack.base.conf.js

 

2、引用

后端

組件中引用

<img :src="'./static/img/' + queryData.imagePath" :onerror="defaultImg" style="width:100%" />

data中放圖片顯示錯誤的默認顯示圖片

defaultImg: 'this.src="./static/img/logo.png"' //默認項目圖片

 使用后的路徑

結構