axios响应拦截器的使用方法
时间: 2023-09-10 11:13:01 浏览: 141
在使用axios发送请求时,可以通过响应拦截器对返回的响应进行处理。下面是axios响应拦截器的使用方法:
1. 首先,引入axios和创建一个axios实例:
```javascript
import axios from 'axios';
const instance = axios.create({
baseURL: 'https://api.example.com', // 设置请求的基础URL
timeout: 5000, // 设置请求超时时间
});
```
2. 然后,使用`instance.interceptors.response.use()`方法添加响应拦截器:
```javascript
instance.interceptors.response.use(
(response) => {
// 对响应数据进行处理
return response.data;
},
(error) => {
// 对响应错误进行处理
return Promise.reject(error);
}
);
```
在`instance.interceptors.response.use()`方法中,第一个参数是一个回调函数,用于处理成功的响应。可以在该函数中对响应的数据进行处理,并返回处理后的数据。第二个参数是一个回调函数,用于处理错误的响应。可以在该函数中对错误进行处理,并返回一个rejected状态的Promise对象。
3. 最后,通过`instance`来发送请求:
```javascript
instance.get('/api/user')
.then((response) => {
// 请求成功的处理逻辑
console.log(response);
})
.catch((error) => {
// 请求失败的处理逻辑
console.error(error);
});
```
通过以上步骤,你可以使用axios的响应拦截器来对返回的响应进行统一处理。
阅读全文