1. 程式人生 > >axios使用post方式請求出現400

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