vue前端展示后端传来的图片链接

vue前端展示后端传来的图片链接

当后端的图片是以部分地址的形式传来时,直接将其使用由于缺少协议主机端口号,因此是无法展示的。

因此需要将后端传来的部分地址赋予一个变量接上协议主机端口号来使用。

后端传回来的值:

 前端显示代码:

<img
   :src="'http://localhost:8088'+this.pictureUrl"
   class="image"
/>
其中this.pictureUrl为后端传来的图片地址

 显示结果:

转载请说明出处内容投诉
CSS教程_站长资源网 » vue前端展示后端传来的图片链接

发表评论

欢迎 访客 发表评论

一个令你着迷的主题!

查看演示 官网购买