我们发送的get
请求一般是这样的url?id=1&name=2&gender=3&height=5
,也就是属性都是不同的,axios
默认发送的格式也是这样的。蛋疼的是,有时候后端要求的格式是这样的url?name=1&name=2&name=3&name=5
,属性都相同,值不同,是不是有点奇葩,这TM是什么鬼。但是,有时又没办法让后端改,那就只有想办法搞,没想到还真的可以。
axios
可以通过添加paramsSerializer
将参数序列化实现,下面看下具体代码怎么写。
1. 代码怎么写?
// 传进来的参数是这样的
let params = { name: [1, 2, 3, 5] }
export function get(url, params = {}) {
return new Promise((resolve, reject) => {
axios
.get(url, {
params: params,
// 用于发送这种格式的请求,url?name=1&name=2&name=3
paramsSerializer: params => {
return QS.stringify(params, { indices: false });
}
})
.then(res => {
resolve(res.data);
})
.catch(err => {
reject(err.data);
});
});
}
其中的{ indices: false }
参数也是必须的!发送的请求效果如下:
2. 示例代码下载
可以复制以上代码运行查看使用效果,也可以到GitHub: https://github.com/Jackyyans/code123
下载,更多示例将会持续更新,欢迎关注。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。