写一个封装好的axios请求get方法的例子
时间: 2023-08-17 14:44:37 浏览: 95
vue中axios请求的封装实例代码
好的,以下是一个简单的封装好的axios请求get方法的示例:
```javascript
import axios from 'axios';
const getData = async (url, params) => {
try {
const response = await axios.get(url, { params });
return response.data;
} catch (error) {
console.error(error);
}
};
export default getData;
```
在此示例中,我们首先引入Axios库,然后定义了一个名为getData的异步函数,该函数接受两个参数:URL和参数对象params。
在函数体内,我们使用Axios的get方法发送一个GET请求,传递URL和参数对象作为参数。使用await关键字等待请求响应,然后返回响应数据。
如果请求失败,我们将打印错误信息到控制台。
最后,我们将getData函数导出为模块。这样,我们就可以在其他文件中导入和使用该函数了。
例如:
```javascript
import getData from './getData';
const fetchData = async () => {
const url = 'https://jsonplaceholder.typicode.com/posts';
const params = { userId: 1 };
const data = await getData(url, params);
console.log(data);
};
fetchData();
```
在此示例中,我们导入了刚刚定义的getData函数,并在fetchData函数中使用它来获取数据。我们传递了一个URL和一个参数对象作为getData函数的参数,并使用await关键字等待响应。最后,我们将响应数据输出到控制台。
阅读全文