axios 发送 get 请求的一般方式如下:
axios.get(url,{params:{
a:1
}})
但是,如果 params 里有数组参数的话,上面的方法就会带来问题。
例如, 这里发送的请求参数 b 是数组:
axios.get(url,{params:{
a:1,
b:[1,2]
}})
这时候,后端 Django 用 request.GET.getlist('b')
获取到的参数 b 一直是 []
.
原因
原因是对数组的序列化有多种方式,我们需要前后端统一序列化方式,才能够正确解码。
Django 的 request.GET.getlist('b')
, 对请求参数 b 的序列化要求是这样子的
b=1&b=2
也就是说,用&连接数组中的元素,这并不是 axios 默认的序列化方法。
解决方法
需要指定 axios 的序列化方式,我们可以用 paramsSerializer
参数指定序列化函数。
更简单的方式是使用 qs
库:
import qs from "qs";
axios.get(url,{
params:{
a:1,
b:[1,2]
},
paramsSerializer: function (params) {
return qs.stringify(params, { arrayFormat: "repeat" });
},
})