技巧3 vue3项目 axios前后端交互 图片地址拼接方法

一般来说图片有两种存储方式：

1.后端传完整在线地址

列表项img是一个完整地图片在线地址（https://www.xxx/img/1.jpg），后端传过来数组前端直接读取即可，img的url可以直接渲染。

2.图片存储在前端

当图片存储在前端的public文件夹下，后端的图片地址很可能是图片的名字，而不是路径，因为路径是前端的图片存储相对路径。

#python
[{
   
   "id":1,"content":"xxxx","url":"9.png"},{
   
   },{
   
   }]

这个时候就需要前端接到后端传值去拼接路径了。

拼接路径做法：

 created