循环动态拼接本地图片不展示问题

70 阅读1分钟

场景

项目中五块相同的模块由后端返回循环展示,每个模块都有不同的图片,希望后端返回对应的图片名称前端循环展示

问题

本地按照后端返回的图片名称拼接展示后本地运行时图片可以完美展示,在放到测试环境上时图片不显示

解决办法

问题代码
<img :src="'../static/images/'+item.imgSrc+'.png'"/>
更改后代码
<img :src="require('../static/images/'+item.imgSrc+'.png')"/>