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


方法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端口号,或者域名;如果是单独的图片服务器,那就是图片服务器的域名;


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM