axios get传参

在使用 axios 发送 GET 请求时，可以通过在请求 URL 后面添加查询参数的方式传递参数，也可以通过在 `params` 属性中设置参数对象的方式传递参数。

1. 在 URL 后面添加查询参数：

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

2. 通过 `params` 属性设置参数对象：

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

这两种方式都可以传递参数，但是当参数比较多时，使用第二种方式更加方便，也更加易于维护。

相关问题

axios get 传参

在使用 Axios 进行 GET 请求时，可以通过在 URL 中添加查询参数来传递参数。Axios 提供了多种方式来实现此功能。

1. 将参数作为查询字符串添加到 URL 中：

axios.get('/api/data?param1=value1&param2=value2')
  .then(response => {
    // 处理响应数据
  })
  .catch(error => {
    // 处理错误
  });

2. 使用 params 参数传递参数：

axios.get('/api/data', {
  params: {
    param1: 'value1',
    param2: 'value2'
  }
})
  .then(response => {
    // 处理响应数据
  })
  .catch(error => {
    // 处理错误
  });

3. 使用 URLSearchParams 对象传递参数：

const params = new URLSearchParams();
params.append('param1', 'value1');
params.append('param2', 'value2');

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

以上三种方式都可以实现在 GET 请求中传递参数，您可以根据自己的需求选择其中一种使用。

希望以上内容对您有所帮助！如果还有其他问题，请随时提问。

axios get 传参 json

使用axios进行GET请求并传递JSON参数，可以使用以下方式：

import axios from 'axios';

// 创建一个JSON对象作为参数
const params = {
  key1: 'value1',
  key2: 'value2'
};

// 将参数对象转换为JSON字符串
const jsonData = JSON.stringify(params);

// 发送GET请求，并将参数作为query string传递
axios.get('https://example.com/api', {
  params: {
    data: jsonData
  }
})
.then(response => {
  // 处理响应数据
  console.log(response.data);
})
.catch(error => {
  // 处理错误
  console.error(error);
});

在上面的示例中，我们首先创建一个JSON对象作为参数，然后使用`JSON.stringify()`将其转换为JSON字符串。接下来，在axios的GET请求中，我们使用`params`选项将参数作为query string传递，将参数名设置为`data`，值为之前转换的JSON字符串。最后，通过`.then()`处理成功的响应和`.catch()`处理错误。

请注意，这种方式会将JSON参数作为query string的一部分发送到服务器。如果服务器端需要通过请求主体（request body）接收JSON参数，请改用POST请求或其他适当的HTTP方法。