axios1.7.2封装
时间: 2024-07-13 14:00:52 浏览: 222
若依之中对于axios的封装
axios是一个流行的基于Promise的HTTP客户端库,用于浏览器和Node.js环境。版本1.7.2虽然不是最新版,但仍然具有许多实用功能。这个版本的封装主要是为了让开发者更方便地发送HTTP请求,处理响应数据,并提供错误处理机制。
axios 1.7.2的封装通常包括以下几个关键部分:
1. **实例化**:创建axios实例,这使得配置参数可以在整个应用中复用,如设置超时、基础URL等。
```javascript
const axios = require('axios').default; // 在Node.js中
// 或者在浏览器环境中
import axios from 'axios';
const instance = axios.create({
baseURL: 'https://api.example.com', // 基础API URL
timeout: 1000, // 请求超时时间(毫秒)
});
```
2. **发送请求**:使用`.get()`, `.post()`, `.put()`, `.delete()`等方法发起不同类型的HTTP请求。
```javascript
instance.get('/users/1')
.then(response => {
console.log(response.data); // 处理成功返回的数据
})
.catch(error => {
console.error(error.response.data); // 处理错误或异常情况
});
```
3. **配置拦截器**:可以添加全局的请求前和请求后的拦截器,比如处理cookies、授权、日志记录等。
```javascript
instance.interceptors.request.use(config => {
// 在发送请求之前做些什么
return config;
}, error => {
// 对请求错误做些什么
return Promise.reject(error);
});
instance.interceptors.response.use(response => {
// 对响应数据做处理
return response;
}, error => {
// 对响应错误做处理
return Promise.reject(error);
});
```
阅读全文