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

最新推荐文章于 2024-09-24 16:00:21 发布

置顶爱吃的前端程序员

最新推荐文章于 2024-09-24 16:00:21 发布

阅读量4.6k

点赞数 1

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

本文链接：https://blog.csdn.net/y521123y/article/details/106491729

版权

vue 同时被 2 个专栏收录

21 篇文章 3 订阅

订阅专栏

axios

4 篇文章 0 订阅

订阅专栏

问题
示例代码

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