记录一下遇到过的问题以及其解决方法

问题:当传递参数为数组,且数组里有对象

例如所传参数如下:

attachments: [
  {
    name: 'xxx',
    path: 'xxx',
    url: 'xxx'
  }
]复制代码

期望:

attachments[0].name: 'xxx'
attachments[0].path: 'xxx'
attachments[0].url: 'xxx'复制代码

实际:

attachments[0][name]: 'xxx'
attachments[0][path]: 'xxx'
attachments[0][url]: 'xxx'复制代码

解决方法:只要在前端传参时对参数data进行如下处理即可:

qs.stringify(data, { arrayFormat: 'indices', allowDots: true })复制代码

可以单个处理,也可以统一处理,例如在request拦截器里面添加如下代码:

if (config.method === 'get') {
  config.paramsSerializer = function (params) {
    return qs.stringify(params, { arrayFormat: 'indices', allowDots: true })
  }
}复制代码

qs.stringify()格式化数组参数的三种方法

qs.stringify({ ids: [1, 2] }, { arrayFormat: 'indices' }) // ids[0]=1&ids[1]=2
qs.stringify({ ids: [1, 2] }, { arrayFormat: 'brackets' }) // ids[]=1&ids[]=2
qs.stringify({ ids: [1, 2] }, { arrayFormat: 'repeat' }) // ids=1&ids=2复制代码