vue中axios get请求如何传递数组

最新推荐文章于 2025-05-22 10:43:06 发布

置顶爱吃的前端程序员

最新推荐文章于 2025-05-22 10:43:06 发布

阅读量4.7k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： vue axios 文章标签： vue

本文链接：https://blog.youkuaiyun.com/y521123y/article/details/106491729

vue 同时被 2 个专栏收录

21 篇文章

订阅专栏

axios

4 篇文章

订阅专栏

本文探讨了使用Axios进行批量URL请求时遇到的问题，即参数传递方式导致的URL格式错误。通过自定义paramsSerializer函数，实现了正确的参数序列化，确保了URL中多个相同参数名的有效传递。

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

问题
示例代码

axios.get(`/oss/get/batch`,
{
  params:{url},
  headers:{
    Authorization: `Bearer ${token}`
  },
}).then(result=>{
  resolve(result.data)
}).catch(err=>{
  reject(err)
})

按这种方式传参数时，会得到以下问题
axios
而实际需要的是/batch?url=xxx&&url=xxx

解决方案

axios.get(`/oss/get/batch`,
{
  params:{url},
  headers:{
    Authorization: `Bearer ${token}`
  },
  // 主要是以下四行代码
  paramsSerializer:function(params){
    const url= params.url.map(_=>`url=${_}`).join('&');
    return `${url}` ;
  }
}).then(result=>{
  resolve(result.data)
})