vue如何显示图片是后台传过来的图片地址

有些话、适合烂在心里 提交于 2020-08-19 03:25:57

方法1、如果你用的 vue-cli 3.0 ,可以使用 环境变量。具体的自己去看文档。

方法2、简单办法就是:
后端肯定是有个具体的域名地址给你的 http://xxxx.com/
let host = "后端的地址"
getImageList() {
getImageList().then(response => {
// 这里 data ,你遍历一下。
response.data = response.data.map((item,index)=>{
item.src = host + item.src
return item
})
this.imageList=response.data;
});
},











数据库存放的相对路径加域名地址,就是图片完整路径了;如果图片存webapi项目下,就是webapi的IP端口号,或者域名;如果是单独的图片服务器,那就是图片服务器的域名;

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!