咱们发送的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下载,更多示例将会继续更新,欢送关注。