关于在vue项目中require图片地址的问题。

Question

想要动态渲染图片，图片存在前端目录下由后端接口返回图片地址，前端对地址拼凑再require的时候报错代码是这样的

for (var x = 0; x < iconLength; x++) {

    const _url = iconData[x].url;

    iconData[x].url = require('../../assets/images/32/' + _url);

}

浏览器报错

问题是require不是应该拼凑后的地址吗？为什么被截断了？求大神，谢谢

Answer 1

后端传递过来的图片就不要 require 了。如果要显示，直接在 img 的 src 设置后端返回的地址即可。图片是在当前项目下的话，放到 static/img 目录下，然后路径统一写成 /static/img图片不是在当前项目下（如用户上传的图片），后端返回绝对路径即可