Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。Vue2官方推荐使用Axios执行HTTP请求和处理HTTP响应。Axios具有如下特征:
- 从浏览器中创建 XMLHttpRequests
- 从 node.js 创建 http 请求
- 支持 Promise API
- 拦截请求和响应
- 转换请求数据和响应数据
- 取消请求
- 自动转换 JSON 数据
- 客户端支持防御 XSRF
下面介绍使用Axios的拦截功能实现Axios超时错误的统一处理。
Axios基本用法
执行 GET 请求:
1 | // 为给定 ID 的 user 创建请求 |
执行 POST 请求:
1 | axios.post('/user', { |
执行多个并发请求:
1 | function getUserAccount() { |
Axios拦截器
自定义 axios 实例添加拦截器,在请求或响应被 then 或 catch 处理前拦截它们。
1 | // create an axios instance |
拦截timeout错误
在Axios响应拦截器中,处理timeout错误,代码如下:
1 | service.interceptors.response.use(function (response) { |
参考链接
- Axios使用说明,by yunye.
- axios超时timeout拦截,by 亲爱的混蛋.