axios拦截，api统一管理

一、概念

axios的封装和api接口的统一管理，其实主要目的就是在帮助我们简化代码和利于后期的更新维护。

在request.js中添加请求拦截和响应拦截。在请求拦截中，会给请求头添加token字段，还有loading动画的开启。在响应拦截中，可以做一些loading动画的关闭，还有可以根据后端返回的状态码，做一些检验token是否有效或者过期的操作。接着就是做一些axios进行的api接口的封装，这里我用到了async，await封装请求接口函数，这样可以将异步操作同步化操作，代码更加友好，避免回调地域的出现。

二、axios封装步骤

（1）安装axios

    npm install axios; // 安装axios复制代码

（2）目录创建

一般我们会在项目的src目录中，新建一个network文件夹,作为我们的网络请求模块，然后在里面新建一个http.js和一个reques.js。http.js文件用来封装我们的axios， request.js包含：api.js用来统一管理我们的接口url。          request.js对外暴露我们放在的api方法。
 

// 在http.js中引入axios
import axios from 'axios';