记录一下遇到过的问题以及其解决方法
问题:当传递参数为数组,且数组里有对象
例如所传参数如下: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复制代码