axios get请求传参数

在Axios中，可以使用`params`属性来传递GET请求的参数。示例如下：

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

在上面的示例中，`params`属性是一个对象，它包含了要传递的参数。在发送请求时，Axios会将其转换为查询字符串，然后添加到URL的末尾。例如，以上请求的URL为`/api/user?id=1&name=John`。

如果要传递多个值相同的参数，可以将它们放在数组中，如下所示：

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

在这个示例中，Axios会将`id`参数转换为`id[]=1&id[]=2&id[]=3`，然后添加到URL的末尾。

相关问题

axios get请求传参数如何传递一个对象

在使用axios发送GET请求时，如果你想传递一个对象作为参数，通常有两种方式：

1. 将对象转换为URL查询字符串格式（也称为查询参数）并拼接到URL后面。在JavaScript中，你可以使用`URLSearchParams`或者`qs`这样的库来帮助你完成这个转换。例如：

const params = {
  param1: 'value1',
  param2: 'value2'
};

const searchParams = new URLSearchParams(params).toString();

axios.get(`http://your.api.url?${searchParams}`)
  .then(response => {
    // 处理响应数据
  })
  .catch(error => {
    // 处理错误情况
  });

2. 使用axios的`params`配置选项。axios会自动将传入的对象转换为URL查询字符串格式，并将其添加到请求的URL中。例如：

const params = {
  param1: 'value1',
  param2: 'value2'
};

axios.get('http://your.api.url', { params })
  .then(response => {
    // 处理响应数据
  })
  .catch(error => {
    // 处理错误情况
  });

使用`params`配置选项的方法更为简洁，因为axios会处理对象到查询字符串的转换，你不需要手动进行转换。

axios get请求传重复的参数

对于axios的GET请求，如果要传递重复的参数，可以使用数组的形式来传递。例如，如果要传递多个名为"param"的参数，可以这样做：

axios.get('/api', {
  params: {
    param: ['value1', 'value2', 'value3']
  }
});

这将会在请求的URL中生成类似于`/api?param=value1&param=value2&param=value3`的参数形式。服务器端可以通过解析参数的方式获取到这些重复的参数。