axios使用post方式请求出现400
在vue中如果直接使用与ajax的参数传递方式类型是不正确的,需要转化,方式有两种
1:使用 new URLSearchParams()构造参数
let params = new URLSearchParams(); params.append('key1', 'value1'); //你要传给后台的参数值 key/value params.append('key2', 'value2'); params.append('key3', 'value3'); this.$axios({ method: 'post', url:url, data:params }).then((res)=>{ });
2.使用qs
npm install qs --save
import qs from 'qs'
Vue.prototype.$qs = qs
1 let postData = this.$qs.stringify({ 2 key1:value1, 3 key2:value2, 4 key3:value3, 5 }); 6 this.$axios({ 7 method: 'post', 8 url:'url', 9 data:postData 10 }).then((res)=>{ 11 12 });