封装一个axios网络请求
时间: 2023-08-07 09:54:01 浏览: 84
axios请求的封装
好的,以下是一个封装了 Axios 网络请求的示例代码:
```javascript
import axios from 'axios';
const service = axios.create({
baseURL: 'http://localhost:3000', // 接口的基础路径,根据实际情况修改
timeout: 5000, // 请求超时时间
});
// 请求拦截器
service.interceptors.request.use(
config => {
// 在请求发送之前,可以在这里对请求进行一些处理,比如添加请求头、设置请求数据格式等
return config;
},
error => {
// 请求错误时,可以在这里进行一些处理,比如提示错误信息等
console.log(error);
return Promise.reject(error);
}
);
// 响应拦截器
service.interceptors.response.use(
response => {
// 在响应数据返回之前,可以在这里对响应进行一些处理,比如过滤数据、统一处理错误码等
return response.data;
},
error => {
// 响应错误时,可以在这里进行一些处理,比如提示错误信息等
console.log(error);
return Promise.reject(error);
}
);
export default service;
```
在上述代码中,我们利用 `axios.create()` 方法创建了一个 Axios 实例,通过对该实例进行配置,我们可以对网络请求进行一些统一处理。比如在请求拦截器中,我们可以对请求进行一些处理,比如添加请求头、设置请求数据格式等;在响应拦截器中,我们可以对响应进行一些处理,比如过滤数据、统一处理错误码等。最后,我们将该实例导出,供其他地方使用。
阅读全文