技巧3 vue3项目 axios前后端交互 图片拼接地址方法
发布时间
阅读量：
阅读量
一般来说图片有两种存储方式：
1.后端传完整在线地址
该图片链接为一个完整的在线图像地址（https://www.xxx/img/1.jpg），接收端返回的数据数组可在前端直接解析使用，并将该图片链接传递至渲染逻辑以便展示。
2.图片存储在前端
当图片位于前端的public文件夹中时，在后端系统中这些地址通常会被理解为对应图像名称而非完整的绝对路径。这是因为这些路径代表的是相对于公共目录的位置关系。
#python
[{"id":1,"content":"xxxx","url":"9.png"},{},{}]这个时候就需要前端接到后端传值去拼接路径了。
拼接路径做法：
created(){
//1.初始化函数里：从后端获取分类的数据。
//用到axios 从后端直接获取，不用传参。用get接收即可。
this.getdata()
},
methods:{
getdata(){
var that=this;
this.$axios.get("http://127.0.0.1:8000/v3baisort/")
.then(function(data全部评论 (0)
还没有任何评论哟~