格式化數組參數的三種方法: qs.stringify({ a: ['b', 'c'] }, { arrayFormat: 'indices' }) // 'a[0]=b&a[1]=c' qs.stringify({ a: ['b', 'c'] }, { arrayFormat: 'brackets' }) // 'a[]=b&a[]=c' qs.stringify({ a: ['b', 'c'] }, { arrayFormat: 'repeat' }) // 'a=b&a=c'
qs.stringify(dataObj) 解析嵌套的對象,默認會進行編碼
let obj={ a:['b','c','d'] }
console.log(qs.stringify(obj));//結果為:a%5B0%5D=b&a%5B1%5D=c&a%5B2%5D=d
可以設置不編碼encode:false
let obj={ a:['b','c','d'] }
console.log(qs.stringify(obj, {encode:false}));//結果為: a[0]=b&a[1]=c&a[2]=d
對數組進行串化的時候,默認會提供顯示索引,可以通過設置indices:false
let obj={a:['b','c','d']};qs.stringify(obj,{indices:false});//結果為:'a=b&a=c&a=d'
可以通過設置arrayFormat指定數組的輸出格式
let obj={{a :[' b ',' c ']};
qs.stringify(obj,{arrayFormat:'indices'});//結果為:'a[0]=b&a[1]=c'
qs.stringify(obj,{arrayFormat:'brackets'});//結果為:'a[]=b&a[]=c'
qs.stringify(obj,{arrayFormat:'comma'});//結果為:'a=b,c'
屬性為undefined的將直接被忽略
let obj={a :null ,b:undefined};qs.stringify(obj);//結果為:'a='
分隔符也可以自定義,設置delimiter:‘自定義的符號’
let obj={a:'b',c:'d'};qs.stringify(obj,{delimiter:'!'});//結果為:'a=b!c=d'
解決方案 自己處理 axios.get("https://www.cnblogs.com/enter",{ params: { keys:this.tag }, paramsSerializer: function(params) { const keys= params.keys.map(_=>`keys=${_}`).join('&'); return `${keys}` ; } }).then((res)=>{ //成功后的處理 }); 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' axios配置 axios.interceptors.request.use(async (config) => { //只針對get方式進行序列化 if (config.method === 'get') { config.paramsSerializer = function(params) { return qs.stringify(params, { arrayFormat: 'repeat' }) } } } 小程序 let urlQueryString = qs.stringify(options.params, { //使用到qs ,先下載,后引入 addQueryPrefix: true, allowDots: true, arrayFormat: 'repeat' }); myUrl += urlQueryString;