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

let postData = this.$qs.stringify({
    key1:value1,
    key2:value2,
    key3:value3,
});
this.$axios({
    method: 'post',
    url:'url',
    data:postData
}).then((res)=>{
    
});