vue如何接收后台传过来的图片呢？

Question

目前是通过接收地址的方式，如图中的pic来接收，但是实际无法渲染到页面上，查看标签内的地址是，控制台并无报错，如果直接在地址栏输入图片路径就会一直转圈，html代码是请问应该如何是图片能正确渲染出来呢？

Answer 1

代码那块贴一下呢，试试 :src="require(url)"

Answer 2

你这个是dev模式把？
你这个图片的实体实在哪的呢 如果不再src下需要配置dev的proxytable

Answer 3

图片地址有问题，解决方案：让后台给你传完整的url路径，别自己拼。

Answer 4

这种图片拼接就有问题啊，怎么是本地域名+图片id，我看你都打不开这张图，图片地址有误

Answer 5

拼接有误
图片路径是http://127.0.0.1/xxxxx
本地没这张图当然不行

Answer 6

应该是前端的开发机没有这张图，需要在 dev-server 里配置静态文件的代理，比如：

mmodule.exports = {
    //...
    devServer: {
        proxy: {
            // 键名为图片地址路径的开头
            // 键值为图片所在服务器的域名
            '/static': 'https://www.baidu.com'
        }
    }
};

或者请后端把完整图片 URL 发过来。