美文网首页
对后端返回的相对地址的显示(:src="")

对后端返回的相对地址的显示(:src="")

作者: Xbbing | 来源:发表于2021-05-07 16:45 被阅读0次

#前端图片显示

如果本地 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) " />

#注意 相对路径显示图片 我们要把提前把这些图片上传到你的相对地址上

相关文章

网友评论

      本文标题:对后端返回的相对地址的显示(:src="")

      本文链接:https://www.haomeiwen.com/subject/nafedltx.html