axios传数组对象_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()格式化数组参数的三种方法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复制代码