axios 响应 封装
时间: 2023-10-09 14:04:51 浏览: 48
根据提供的引用内容,可以使用axios.create()方法来封装axios实例,并在实例上添加响应拦截器(interceptors.response.use())来对响应进行处理。
例如,可以按照以下步骤进行封装:
1. 使用axios.create()方法创建一个axios实例:
```javascript
const instance = axios.create({
baseURL: 'https://example.com/api/', // 设置请求的基础路径
timeout: 5000 // 设置请求超时时间
});
```
2. 在实例上添加响应拦截器(interceptors.response.use()):
```javascript
instance.interceptors.response.use(response => {
// 对响应数据进行处理
return response.data;
}, error => {
// 对响应错误进行处理
return Promise.reject(error);
});
```
通过以上步骤,我们可以封装一个具有统一配置和处理响应的axios实例。这样,在发送请求时,我们可以使用封装好的实例来发出请求,并且能够在响应拦截器中对响应进行处理。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [Axios的封装、请求响应拦截器及其各种方法详解](https://blog.csdn.net/weixin_45727272/article/details/124628739)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]