axios get请求传参数

在使用axios进行get请求时，可以通过在URL后面拼接参数的方式传递参数，例如：

axios.get('/api/user?id=123')
  .then(response => {
    console.log(response.data)
  })
  .catch(error => {
    console.log(error)
  })

也可以使用params参数传递参数，这种方式会自动将参数拼接到URL后面，例如：

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

这样写的话，axios会将参数自动拼接到URL后面，相当于发送了`/api/user?id=123`的请求。

相关问题

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`的参数形式。服务器端可以通过解析参数的方式获取到这些重复的参数。