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