码迷,mamicode.com
首页 > 移动开发 > 详细

axios使用post方式请求出现400

时间:2018-12-11 21:43:59      阅读:505      评论:0      收藏:0      [点我收藏+]

标签:转化   std   res   prot   append   from   The   imp   code   

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

 

axios使用post方式请求出现400

标签:转化   std   res   prot   append   from   The   imp   code   

原文地址:https://www.cnblogs.com/licurry/p/10105109.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!