个性化封装 axios
时间: 2024-03-19 15:39:09 浏览: 12
个性化封装 axios是指在使用axios进行网络请求时,据项目需求对axios进行二次封装,以便更好地满足项目的特定需求。下面是一个简单的个性化封装axios的示例:
1. 创建一个axios实例:
```javascript
import axios from 'axios';
const instance = axios.create({
baseURL: 'https://api.example.com', // 设置基础URL
timeout: 5000, // 设置请求超时时间
});
export default instance;
```
2. 创建一个封装的请求方法:
```javascript
import axiosInstance from './axiosInstance';
export const get = (url, params) => {
return axiosInstance.get(url, { params });
};
export const post = (url, data) => {
return axiosInstance.post(url, data);
};
```
3. 在项目中使用封装的请求方法:
```javascript
import { get, post } from './api';
get('/users', { id: 1 })
.then(response => {
console.log(response.data);
})
.catch(error => {
console.error(error);
});
post('/login', { username: 'admin', password: '123456' })
.then(response => {
console.log(response.data);
})
.catch(error => {
console.error(error);
});
```
这样,通过个性化封装axios,我们可以在项目中更方便地使用自定义的请求方法,并且可以根据项目需求进行一些统一的处理,例如添加请求头、处理错误等。