应用场景:
后端传给前端一个图片的名称, 前端进行拼接获取本地图片展示
解决方法:
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"' // 默认项目图片
使用后的路径
结构
来源: http://www.bubuko.com/infodetail-3112108.html