昨天在項目中遇到了 前端需要用get請求方式傳遞數(shù)組格式參數(shù)給后端，貼一下解決辦法

解決方案

1.qs插件

qs主要是增加一些安全性的查詢字符串解析和序列化字符串的庫，qs的更多使用方式可以參考總結中提供的地址學習? ? ? ? ? ??

? ? 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'

上述我們列舉了qs中的序列化幾種配置，其中{ arrayFormat: 'repeat' }的序列化結果滿足我們的條件

2 axios配置

axios中有一個專門對數(shù)據(jù)進行序列化的配置屬性paramsSerializer

paramsSerializer:function(params){returnQs.stringify(params,{arrayFormat:'repeat'})},

2.3 具體配置

我們可以在axios請求攔截器中對參數(shù)進行序列化配置

axios.interceptors.request.use(async(config)=>{

//只針對get方式進行序列化

if(config.method==='get'){

config.paramsSerializer=function(params){

returnqs.stringify(params,{arrayFormat:'repeat'})}}}