#前端图片显示
如果本地 data中写入动态地址
data() {
return {
src: '@/assets/importantArea/1.png'
}
}
<img :src="src" />
这时候会发现页面会报404的错误
##解决方法
data() {
return {
src: require( '@/assets/importantArea/1.png')
}
}
##后端返回相对地址字符串的处理
this.src = await requestSrc()
此时 我们如果继续 用 src: require(this.src) 这种做法 就会报 找不到模块的错误
### 解决方法
让后端返回 1.png 这种字符串 => src: '1.png'
<img :src=" require('@/assets/importantArea/' + src) " />
#注意 相对路径显示图片 我们要把提前把这些图片上传到你的相对地址上









网友评论