封装一个axios.js
时间: 2023-10-25 19:12:17 浏览: 78
【JavaScript源代码】axios的简单封装以及使用实例代码.docx
好的,以下是一个简单的axios.js的封装示例:
```javascript
import axios from 'axios';
const instance = axios.create({
baseURL: 'https://api.example.com',
timeout: 5000,
headers: {
'Content-Type': 'application/json'
}
});
instance.interceptors.request.use(
config => {
// 在请求发送之前做一些处理
return config;
},
error => {
// 当出现请求错误时做一些处理
console.error(error);
return Promise.reject(error);
}
);
instance.interceptors.response.use(
response => {
// 对响应数据做一些处理
return response.data;
},
error => {
// 当出现响应错误时做一些处理
console.error(error);
return Promise.reject(error);
}
);
export default instance;
```
在这个axios.js封装中,我们使用了axios.create()方法创建了一个axios实例,并设置了一些常用的配置项,例如baseURL、timeout和headers。我们还使用了axios的拦截器功能来对请求和响应做一些全局的处理。最后,我们将封装好的axios实例导出供其他模块使用。
阅读全文