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

27次阅读

共计 686 个字符，预计需要花费 2 分钟才能阅读完成。

咱们发送的 get 申请个别是这样的 url?id=1&name=2&gender=3&height=5，也就是属性都是不同的，axios 默认发送的格局也是这样的。蛋疼的是，有时候后端要求的格局是这样的url?name=1&name=2&name=3&name=5，属性都雷同，值不同，是不是有点奇葩，这 TM 是什么鬼。然而，有时又没方法让后端改，那就只有想方法搞，没想到还真的能够。

axios能够通过增加 paramsSerializer 将参数序列化实现，上面看下具体代码怎么写。

// 传进来的参数是这样的
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} 参数也是必须的！发送的申请成果如下：

能够复制以上代码运行查看应用成果，也能够到 GitHub: https://github.com/Jackyyans/code123 下载，更多示例将会继续更新，欢送关注。

正文完