当后端的图片是以部分地址的形式传来时,直接将其使用由于缺少协议主机端口号,因此是无法展示的。
因此需要将后端传来的部分地址赋予一个变量接上协议主机端口号来使用。
后端传回来的值:
前端显示代码:
<img
:src="'http://localhost:8088'+this.pictureUrl"
class="image"
/>
其中this.pictureUrl为后端传来的图片地址
显示结果:
当后端的图片是以部分地址的形式传来时,直接将其使用由于缺少协议主机端口号,因此是无法展示的。
因此需要将后端传来的部分地址赋予一个变量接上协议主机端口号来使用。
后端传回来的值:
前端显示代码:
<img
:src="'http://localhost:8088'+this.pictureUrl"
class="image"
/>
其中this.pictureUrl为后端传来的图片地址
显示结果: