Vue中使用axios post方法传参后台接收不到参数

post请求不像get请求一样,get请求传参是在url后边以&去拼接上的,而post请求时在请求体中的,不会默认去拼接,这就导致。post传递参数失败 ,后台无法获取传递的参数
注:一定先import导入之后才能使用

var params = {
			bankName: ”“,
			bankNameAll: ”“,
			 }
	axios.post(urls, params).then(res=>{ //这里的params是我向后台传递的参数
    //这时候发现后台无法接收到值
    })

解决方案:Qs.stringify的使用
Qs.stringify()将对象 序列化成URL的形式,以&进行拼接。处理之后的params再去发送请求时 。这时候传递的参数会以bankName=""&bankNameAll=""的形式传递到后台

axios.post(urls, Qs.stringify(params)).then(res=>{
//此时传递的参数后台可以接收到
})

如果参数中含有数组,可以给Qs.stringify第二个参数处理数组格式:

Qs.stringify({ids: [1, 2, 3]}, { indices: false })
 //形式: ids=1&ids=2&id=3
Qs.stringify({ids: [1, 2, 3]}, {arrayFormat: ‘indices‘})
 //形式: ids[0]=1&ids[1]=2&ids[2]=3
Qs.stringify({ids: [1, 2, 3]}, {arrayFormat: ‘brackets‘})
 //形式:ids[]=1&ids[]=2&ids[]=3
Qs.stringify({ids: [1, 2, 3]}, {arrayFormat: ‘repeat‘}) 
//形式: ids=1&ids=2&id=3
  • 3
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值