axios封装get方法怎么传参数
时间: 2024-09-23 13:16:47 浏览: 75
在JavaScript中,特别是使用了axios作为HTTP客户端库的情况下,封装GET方法时传递参数通常是结合URL查询字符串的方式。你可以创建一个函数,接受你需要发送到服务器的数据作为参数,然后将数据转换成查询字符串格式附加到URL上。这是一个简单的示例:
```javascript
// 定义封装的axios.get方法
const getWithParams = async (url, params) => {
try {
// 将参数合并到URL末尾,使用'?&'连接键值对
const queryString = Object.keys(params)
.map(key => `${key}=${encodeURIComponent(params[key])}`)
.join('&');
// 构造完整的请求URL
const fullUrl = `${url}?${queryString}`;
// 发送GET请求
const response = await axios.get(fullUrl);
return response.data; // 返回接收到的数据
} catch (error) {
console.error('Error fetching data:', error);
throw error;
}
};
// 使用示例
const myData = { key1: 'value1', key2: 'value2' };
await getWithParams('/api/endpoint', myData);
```
在这个例子中,`params`是一个包含键值对的对象,会被转化为 `?key1=value1&key2=value2`的形式添加到URL后面。
阅读全文