Axios 是一个基于 Promise 的 HTTP 客户端库,用于在浏览器和 Node.js 中发送 HTTP 请求。下面是一个简单的 Axios 封装实例:
import axios from 'axios';
const instance = axios.create({
baseURL: 'https://example.com/api',
timeout: 5000,
});
instance.interceptors.request.use(
(config) => {
// 在发送请求之前做一些处理,例如添加请求头等
return config;
},
(error) => {
// 处理请求错误
return Promise.reject(error);
}
);
instance.interceptors.response.use(
(response) => {
// 对响应数据进行处理,例如解析数据等
return response;
},
(error) => {
// 处理响应错误
return Promise.reject(error);
}
);
export default instance;
在这个示例中,使用了 create() 方法创建了一个 Axios 实例,配置了基础 URL 和超时时间。还使用了拦截器,在发送请求之前和接收响应之后对请求和响应进行了一些处理。
在使用时,可以直接使用这个封装好的 Axios 实例发送请求,例如:
import axiosInstance from './axiosInstance';
axiosInstance.get('/user')
.then((response) => {
// 处理响应数据
console.log(response);
})
.catch((error) => {
// 处理请求错误
console.log(error);
});