axios请求的params参数值中有对象的传递处理

最新推荐文章于 2023-12-20 17:39:53 发布

aicloudgo

最新推荐文章于 2023-12-20 17:39:53 发布

阅读量2.4k

点赞数

CC 4.0 BY-SA版权

分类专栏：前端

本文链接：https://blog.youkuaiyun.com/evelen/article/details/115293835

前端专栏收录该内容

14 篇文章

订阅专栏

这篇博客介绍了如何使用QS库在Axios中处理POST和GET请求的参数。通过qs.stringify方法，可以将对象转换为URL查询字符串，适用于GET请求的参数拼接。同时，对于POST请求，可以通过paramsSerializer配置来确保对象正确序列化并以params方式传递。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.按照qs
npm install qs


2.引入qs
import qs from 'qs'

// post方法的params方式传递对象
axios({
  url: '接口',
  method: 'post',
  params: data,//传递的对象{aa:{bb:11,cc:22},dd:33} -> api?aa.bb=11&aa.cc=22&dd=33
  paramsSerializer: function(params) {
    return qs.stringify(params, { arrayFormat: 'brackets', allowDots: true })
  }
})




// get方法的params方式传递对象
let a = { aa: { bb: 11, cc: 22 }, dd: 33 }
console.log(qs.stringify(a, { arrayFormat: 'brackets', allowDots: true }))
--> aa.bb=11&aa.cc=22&dd=33

let b = qs.stringify(a, { arrayFormat: 'brackets', allowDots: true })

// 通过url拼接params
axios({
  url: 'api?'+b,
  method: 'get'
})