axios会帮咱们自动转换请求数据和响应数据 以及 自动转换JSON数据,咱们的请求头转换成java
Content-Type变成了application/json;charset=utf-8,而后由于咱们的参数是JSON对象,ios
axios帮咱们作了一个stringfy的处理,axios在发送post请求时,默认直接把json放在请求体中提交到后端的。spring
可是后台可能使用的时java spring mvc,而且使用的注解是@requestParam,这个只能从请求的地址中取出参数,也就是只能从请求连接中截取出参数。要求的Content-Type是'application/x-www-form-urlencoded',因此后端就接收不到参数;json
解决办法:axios
1 使用URLSearchParams传递参数后端
let params=new URLSearchParams();api
params.append('username','admin'); params.append('psd','222222');浏览器
axios({mvc
method:'post',url:'/api/test/aa',data:paramsapp
});
URLSearchParams不支持全部的浏览器
2 把参数修改成query参数
直接修改axios的header content-type,axios.defaults.headers.post['Content-type']='application/x-www-form-urlencoded',还须要引入qs库,这个库是axios里面包含的,不须要再下载了
import qs from 'qs'
let data={username:'admin',psd:'222222'};
axios({method:'post',url:'',data:qs.stringify(data)});
3 也能够使用axios的transformQequest来修改请求的数据:
axios({
method:'post',url:'',
transformRequest:[function(data){return qs.stringifg(data)}],
data:{username:'admin',psd:'222222'}
});
4 axios.post('apo/test/22/erer',"username='zhangsan'&psd='222222'");