axios如何二次封装
时间: 2023-08-21 08:04:08 浏览: 78
对于axios的二次封装,可以通过创建一个自定义的axios实例,并在该实例上添加一些拦截器和默认配置来实现。
以下是一个简单的示例:
```javascript
import axios from 'axios';
// 创建自定义axios实例
const api = axios.create({
baseURL: 'https://api.example.com', // 设置基本URL
timeout: 5000, // 设置请求超时时间
});
// 请求拦截器
api.interceptors.request.use(
(config) => {
// 在发送请求之前做一些处理,例如添加请求头、身份验证等
// config.headers['Authorization'] = 'Bearer ' + token;
return config;
},
(error) => {
// 请求错误时做一些处理
return Promise.reject(error);
}
);
// 响应拦截器
api.interceptors.response.use(
(response) => {
// 对响应数据进行处理,例如解析数据、错误处理等
return response.data;
},
(error) => {
// 处理响应错误
return Promise.reject(error);
}
);
export default api;
```
上述代码中,我们通过`axios.create`方法创建了一个自定义的axios实例`
阅读全文