get請求數組參數問題（序列化）

問題：

當我們需要通過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;