从后台获取图片地址如何在vue前台显示图片
后台数据库保存的图片地址根目录下文件夹下的图片地址,但地址里没有体现根目录,例如:
应该是后端项目代码所在的文件夹E:\项目名称\项目名.API\wwwroot该文件夹下的文件夹(Upload/2020)内存放图片,但数据库存放的地址是:
Upload/2020/3424533962c7.png
...
会获取到多个不同名称的图片
前端获取到这些图片的地址后,需要怎么处理才能在前端正确显示???
<ul>
<li v-for ="item_img in imageList" :key="item_img.imageId">
<img class="demo-image" :src="item_img.src" alt="image...">
</li>
</ul>
getImageList() {
getImageList().then(response => {
this.imageList=response.data;
});
},
直接将后端的地址放在前端是无法识别的,应该如何操作?
前端是vue,后端是.net core webapi
感谢~