axios get请求参数后带中括号

您好！对于在axios中发送GET请求时需要传递参数并带有中括号的情况，可以使用URLSearchParams来处理。以下是一个示例代码：

import axios from 'axios';

const params = new URLSearchParams();
params.append('ids[]', '123');
params.append('ids[]', '456');

axios.get('/api/data', {
  params: params
})
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.error(error);
  });

在上面的示例中，我们创建了一个URLSearchParams实例来处理参数。通过调用`append`方法，我们可以添加多个相同的参数名，使用中括号来表示数组形式的参数。然后将`params`对象传递给axios的`params`选项。

这样，发送的GET请求的URL将会是`/api/data?ids[]=123&ids[]=456`。

希望这可以帮助到您！如果有任何其他问题，请随时提问。

相关问题

axios get请求带参

在 axios 中，向后端发送 GET 请求并带上参数，可以使用 `params` 参数。例如：

axios.get('/api/data', {
  params: {
    name: 'John',
    age: 20
  }
})
.then(response => {
  console.log(response.data)
})
.catch(error => {
  console.log(error)
})

上面的代码会向 `/api/data` 发送一个 GET 请求，并且带上两个参数 `name` 和 `age`。在后端接收请求时，可以通过查询字符串（query string）的方式获取这些参数。

例如，如果使用 Express 框架的话，可以这样获取参数：

app.get('/api/data', (req, res) => {
  const name = req.query.name
  const age = req.query.age
  // 处理请求并返回结果
})

如果需要将参数编码成 URL 查询字符串格式，可以使用 `qs` 库，例如：

import qs from 'qs'

axios.get('/api/data', {
  params: {
    name: 'John',
    age: 20
  },
  paramsSerializer: params => {
    return qs.stringify(params, { arrayFormat: 'brackets' })
  }
})
.then(response => {
  console.log(response.data)
})
.catch(error => {
  console.log(error)
})

上面的代码中，使用了 `qs` 库将参数编码成 URL 查询字符串格式，并且将 `paramsSerializer` 参数设置为一个函数，用来序列化参数。在这个函数中，使用 `qs.stringify()` 方法将参数序列化成查询字符串格式。`arrayFormat: 'brackets'` 参数是用来指定数组的序列化方式的，这里使用的是方括号方式。

axios params传参没有花括号

在使用axios发送GET请求时，我们可以通过params参数来传递查询参数。axios的params参数是一个对象，我们可以在其中以键值对的方式传递参数，例如：

axios.get('/api/user', {
  params: {
    id: 1,
    name: 'John'
  }
})
.then(function (response) {
  console.log(response);
})
.catch(function (error) {
  console.log(error);
});

在上述代码中，传递的params参数是一个使用花括号{}包裹的对象。其中，id和name分别是参数的键名，1和'John'分别是参数的键值。通过这样的方式，我们可以将多个查询参数一并传递给后端接口。另外，也可以只传递单个参数，例如：

axios.get('/api/user', {
  params: {
    id: 1
  }
})
.then(function (response) {
  console.log(response);
})
.catch(function (error) {
  console.log(error);
});

这样就可以只传递一个id参数给后端接口。需要注意的是，params参数传递的是一个对象，该对象中的属性名和属性值对应着要传递的查询参数。