在使用 Axios 发起 GET 请求时,你可以通过在 URL 中拼接参数或通过 params
参数传递一个包含参数的对象。下面是两种常见的方式:
在 URL 中拼接参数:
import axios from 'axios';
const baseUrl = 'https://api.example.com';
const endpoint = '/users';
const userId = 123;
const url = `${baseUrl}${endpoint}?userId=${userId}`;
axios.get(url)
.then(response => {
// 处理响应数据
})
.catch(error => {
// 处理错误
});
使用 params
参数:
import axios from 'axios';
const baseUrl = 'https://api.example.com';
const endpoint = '/users';
const userId = 123;
axios.get(`${baseUrl}${endpoint}`, {
params: {
userId: userId
}
})
.then(response => {
// 处理响应数据
})
.catch(error => {
// 处理错误
});
这两种方法都会在 GET 请求中添加参数。选择其中一种方法通常取决于你个人的偏好或 API 的要求。
如果你有多个参数,可以继续在 params
对象中添加键值对,例如:
axios.get(`${baseUrl}${endpoint}`, {
params: {
userId: 123,
username: 'john_doe',
role: 'admin'
// 添加更多参数...
}
})
.then(response => {
// 处理响应数据
})
.catch(error => {
// 处理错误
});
在实际使用中,根据 API 的文档和要求来确定最合适的方式传递参数。