axios从0.27升级到1.x版本后不再依赖qs,请求参数序列化方式有所变化
用括号标识数组参数
http://url?myParam[]=1&myParam[]=2&myParam[]=3
axios.get('http://url',{
params: {
myParam: [1,2,3]
},
paramsSerializer: {
indexes: false
}
})
axios.get('http://url',{
params: {
myParam: [1,2,3]
},
paramsSerializer:(params) => qs.stringify(params, { arrayFormat: 'brackets' })
})
方法1括号中额外增加元素索引
http://url?myParam[0]=1&myParam[1]=2&myParam[2]=3
axios.get('http://url',{
params: {
myParam: [1,2,3]
},
paramsSerializer: {
indexes: true
}
})
axios.get('http://url',{
params: {
myParam: [1,2,3]
},
paramsSerializer:(params) => qs.stringify(params, { arrayFormat: 'indices' })
})
直接重复参数
http://url?myParam=1&myParam=2&myParam=3
axios.get('http://url',{
params: {
myParam: [1,2,3]
},
paramsSerializer: {
indexes: null
}
})
axios.get('http://url',{
params: {
myParam: [1,2,3]
},
paramsSerializer:(params) => qs.stringify(params, { arrayFormat: 'repeat' })
})
使用逗号分隔数组元素值,在axios 1.x版本中默认不再支持,如需使用可自行添加qs依赖
http://url?myParam=1,2,3
axios.get('http://url',{
params: {
myParam: [1,2,3]
},
paramsSerializer: {
encode: (params) => qs.stringify(params, { arrayFormat: 'comma' })
}
})
axios.get('http://url',{
params: {
myParam: [1,2,3]
},
paramsSerializer:(params) => qs.stringify(params, { arrayFormat: 'comma' })
})