axios使用post方式请求出现400

Posted 2021-01-26 小小lomo

在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 });