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
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章