axios 拦截器

学习目标：

axios 拦截器

学习内容：

axios 拦截器

---

学习笔记：

axios 拦截器

一、什么是axios拦截器、为什么要使用axios拦截器？

在vue项目中，我们通常使用axios与后台进行数据交互，axios是一款基于promise封装的库，可以运行在浏览器端和node环境中。

axios特性：
1、拦截请求和响应
2、取消请求
3、转换json
4、客户端防御XSRF等。

使用拦截器的原因：

若出现请求数多的情况下，我们将会用到 axios 的一个API：拦截器。
页面发送http请求，很多情况我们要对请求和其响应进行特定的处理，
如果每个请求都附带后端返回的token，我们需要在拿到response之前loading动画的展示等。

拦截器的分类：

拦截器分为 请求（request）拦截器和 响应（response）拦截器。

拦截器的使用：
在请求或响应被 then 或 catch 处理前拦截它们。

（1）、请求拦截器

// 添加请求拦截器
ax