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

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM