vux中关于axios使用get方式的前后台处理

今天整合项目时，发现get方式的数据交互存在问题，特此再次记录一下。

刚开始以为使用get方式交互数据时只能用json，后来发现url的方式也是可以的

1. api.js里的写法

axios.get(`${base}/getManagerInfor`,{params:params}).then(res => res.data);

注意这里要写这么写传参 { params:params }

2.页面中请求的写法

var params = {id:this.$route.query.id};

getManagerInfor(params).then((respon)=>{

console.log(respon.result);

this.manager = respon.result;

this.manager.birth = dateFormat(respon.result.birth, 'YYYY-MM-DD')

});

这里的this.$route.query.id 是截取url中 ?Id=XX ，id的值

这么做之后，后台请求的地址变成了如图

注意：如果传输的值不存在，比如id值不存在 后面的 ？id=XXX 是不显示的

3.后台controller的写法

由于请求变成了上图的样子，所以后台就变成了截图字符串的值了，写法如下：

 

 

 

这么做之后就能获得前台用get传来的id了