axios 的安装 与 封装

                在vue项目文件cmd  输入

                     cnpm install --save axios  安装axios

// axios的二次封装  先引入
import axios from "axios";
import { config } from "vue/types/umd";

//  利用axios对象的方法create，去创建一个axios实例
// requests就是axios  更改一下配置

// 配置对象
const requests =axios.create({
    // 基础路径，发请求的时候，路径中会出现api，不用手写
    baseURL:'/api',
    // 请求时间超过5秒
    timeout:5000
});
// 请求拦截器：发请求之前，请求拦截器可以检测到，可以在请求发出之前做一些业务逻辑
requests.interceptors.request.use((config)=>{
    // config是个配置对象，对象里面有一个属性很重要，headers请求头
    return config;
});

// 响应拦截器；包含两个函数（一个是成功返回的函数，一个是失败的返回的函数）
requests.interceptors.response.use((res)=>{
    return res.date;
},(erroe)=>{
    return Promise.reject(new Error('faile'))
});
// 对外暴露requests(axios的二次封装)
 export default requests;

request.use()请求拦截器    在页面发出请求之前拦截，在发出请求之前做一些业务逻辑

response.use()响应拦截器：响应拦截器，在接受到响应之后处理一些业务逻辑，处理好再返回给页面