关于前端:怎么发送属性相同值不同的axios请求urlname1name2name3

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