问题:
当我们需要通过get方式传递一个数组作为参数 tag:[1,2,3,4]
预期是解析为:https://www.cnblogs.com/enter?tag=1&tag=2&tag=3&tag=4
然而真相是这样的:https://www.cnblogs.com/enter?tag[]=1&tag[]=2&tag[]=3&tag[]=4
,后台是不可能解析到传递的参数。
解决方法
1、qs插件处理
1、qs.stringify({
a: ['b', 'c'] }, {
arrayFormat: 'indices' })
// 输出结果:'a[0]=b&a[1]=c'
2、qs.stringify({
a: ['b', 'c'] }, {
arrayFormat: 'brackets' })
// 输出结果:'a[]=b&a[]=c'
3、qs.stringify({
a: ['b', 'c'] }, {
arrayFormat: 'repeat' })
// 输出结果:'a=b&a=c'
4、qs.stringify({
a: ['b', 'c'] }, {
arrayFormat: 'comma' })
// 输出结果:'a=b,c'
2、使用URLSearchParams方式
let params = new URLSearchParams()
params.append('ids','1')
params.append('ids','2')
//输出结果ids=1&ids=2
3、Axios配置
axios.interceptors.request.use(async (config) => {
//只针对get方式进行序列化
if (config.method === 'get') {
config.paramsSerializer = function(params) {
return qs.stringify(params, {
arrayFormat: 'repeat' })
}
}
}
4、小程序
let urlQueryString = qs.stringify(options.params, {
//使用到qs ,先下载,后引入
addQueryPrefix: true,
allowDots: true,
arrayFormat: 'repeat'
});
myUrl += urlQueryString;
5.扩展: qs
qs.stringify({
ids: [1, 2, 3]}, {
indices: false })
// ids=1&ids=2&ids=3
qs.stringify({
ids: [1, 2, 3]}, {
indices: true })
// ids[0]=1&ids[1]=2&id[2]=3
qs.stringify({
ids: [1, 2, 3]}, {
arrayFormat: ‘repeat‘})
// ids=1&ids=2&ids=3
qs.stringify({
ids: [1, 2, 3]}, {
arrayFormat: ‘brackets‘})
// ids[]=1&ids[]=2&ids[]=3
qs.stringify({
ids: [1, 2, 3]}, {
arrayFormat: ‘indices‘})
// ids[0]=1&ids[1]=2&ids[2]=3
qs.stringify({
ids: [1, 2, 3]}, {
arrayFormat: ‘comma‘})
// ids[0]=1&ids[1]=2&ids[2]=3
转载:https://www.cnblogs.com/lgnblog/p/15628640.html