vue中axios的封装

// axios的配置文件 配置好之后 项目中都用这个axios 不再用原生的了
import axios from "axios";

// 创建新的实例 修改他
const http = axios.create({
    // 向新的实例中传参 来修改这个实例
    baseURL: '/api',
    timeout: 1000
});

// 添加请求拦截器 在发请求之前处理一下
http.interceptors.request.use((config)=>{
    // config 就是请求
    // token是用来校验当前用户是否登录的 token中包含用户信息以及过期时间等
    let info = JSON.parse(localStorage.getItem('userInfo')) || {};
    if(config.url != "/userlogin") { // 有些接口不需要token 比如登录、注册、首页广告等
        config.headers.authorization = info.token; // 在请求头添加token
    }
    return config;
}, (error)=>{
    return Promise.reject(error);
})

// 添加响应拦截器 在得到数据之后处理一下
http.interceptors.response.use((data)=>{
    // console.log(data);
    // 返回的数据就是组件接受的数据 所以过滤一下
    // 在这里判断，接口是否返回登录过期，如果过期需要调转到登录页（先引入router，再router.push()）
    return data.data;
}, (error)=>{
    return Promise.reject(error);
})


export default http;