axios封装

为什么在项目中封装axios？

为什么要对axios进行二次封装？

因为为了方便统一处理请求或处理接口，并且归纳请求时和响应时的回调函数，我们来统一管理axios的内置钩子函数，达到代码简洁易于管理

怎么对axios封装或二次封装？

1.用import引入axios
2.创建axios实例：用axios.create这个函数创建
3.在axios实例中配置基地址和延迟时间
4.封装axios请求拦截及响应拦截并处理Promise的then方法和catch方法
（1）：其中token配置在请求拦截中并夹杂在axiso请求头上，随响应拦截一起进入请求
（2）：请求拦截调用interceptors(因特赛不特死).request(瑞快死特).use并返回传入的信息
（3）：响应拦截调用interceptors.response(瑞死榜死).use并返回响应拦截数据

env.js

配置环境  
开发环境dev 
线上环境prod 
测试环境test 
方便统一管理路径
export default {
    dev: {
        baseUrl: ''
    },
    prod: {
        baseUrl: ''
    },
    test: {
        baseUrl: ''
    }
}

request.js

1.创建axios实例 
2.请求拦截器 
3.响应拦截器 
4.抛出axios对象

状态码

200:成功
500:接口报错
502::服务器问题，网络
400:请求出错
404:路径错误找不到
403:前后端请求错误