Axios 拦截器
时间: 2023-08-12 12:08:16 浏览: 55
Axios拦截器是一种处理HTTP请求和响应的中间件机制。它允许您在请求发送之前和响应返回之后对请求和响应进行拦截、修改和处理。
Axios拦截器包括请求拦截器和响应拦截器。请求拦截器在发送请求之前执行,可以用于添加请求头、修改请求数据等操作。响应拦截器在接收到响应后执行,可以用于处理响应数据、错误处理等操作。
您可以使用`axios.interceptors.request.use`方法添加请求拦截器,使用`axios.interceptors.response.use`方法添加响应拦截器。这些方法接受两个参数,第一个参数是成功回调函数,第二个参数是失败回调函数。
下面是一个使用Axios拦截器的示例:
```javascript
import axios from 'axios';
// 添加请求拦截器
axios.interceptors.request.use(
function (config) {
// 在发送请求之前做些什么
config.headers.Authorization = 'Bearer token';
return config;
},
function (error) {
// 对请求错误做些什么
return Promise.reject(error);
}
);
// 添加响应拦截器
axios.interceptors.response.use(
function (response) {
// 对响应数据做些什么
return response;
},
function (error) {
// 对响应错误做些什么
return Promise.reject(error);
}
);
```
在上面的示例中,请求拦截器添加了一个Authorization头部,响应拦截器对响应数据进行了处理。您可以根据自己的需求在拦截器中实现相应的逻辑。