Vue中使用Axios传递（数组）参数给SpringBoot后台时遇到的问题

问题：当传递参数为数组，且数组里有对象

例如所传参数如下：

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({ 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