关于在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

图片不是在当前项目下（如用户上传的图片），后端返回绝对路径即可

Answer 2

返回的绝对路径不对啊

Answer 3

请问大佬解决了吗？我也遇到这个问题，虽然图片可以显示 但是浏览器还是报错了 Error in render: "Error: Cannot find module './'."