javascript - 查询参数中具有相同键的多个字段(axios 请求)？

Question

因此后端(不在我的控制之下)需要这样的查询字符串:

http://example.com/?foo=5&foo=2&foo=11

但是axios使用JS对象来发送请求参数:

axios.get('http://example.com/', { foo: 5 });

显然一个对象不能有多个具有相同键的字段。

如何使用同一 key 发送包含多个字段的请求？

Answer 1

来自Request Config axios 文档部分:

  // `params` are the URL parameters to be sent with the request
  // Must be a plain object or a URLSearchParams object
  params: {
    ID: 12345
  },

要在请求中使用它，您需要这样做

const request = {
  params: {
    foo: [5, 2, 11]
  }
}
axios.get('http://example.com/', request);

使用普通对象的问题是数组参数被添加为

http://example.com/?foo[]=5&foo[]=2&foo[]=11

要向不带 [] 的 URL 发出请求，请使用 URLSearchParams

var params = new URLSearchParams();
params.append("foo", 5);
params.append("foo", 2);
params.append("foo", 11);
var request = {
  params: params
};
axios.get('http://example.com/', request);

这将导致请求

http://example.com/?foo=5&foo=2&foo=11