vue axios请求图片为目录结构，如何让图片在页面中显示出来

分类: 文章 • 2024-08-01 22:13:52

通常我们在vue项目组请求后台接口数据显示的图片格式为网络地址格式，但有时会显示为目录结构，如下
vue axios请求图片为目录结构，如何让图片在页面中显示出来
而这时在页面中渲染图片是不显示的，因为这是一个图片的绝对路径，并不是网络图片地址

首先将请求过来的图片传到data数据中
vue axios请求图片为目录结构，如何让图片在页面中显示出来
在渲染的时候在图片的前面加上接口地址，如图：

前面的地址为接口请求地址（只需加上top之前的地址数据）