import axios from "axios";
import {Message} from "element-ui";
import router from "../../router";
//1.设置基础路径(能够统一管理接口的服务器地址) 配置接口的服务器地址
//http://localhost:3001:服务器地址（开发环境，测试环境，生产环境）
//export const BASE_URL="http://localhost:3001";
//axios.defaults.baseURL=process.env.VUE_APP_BASE_API;
//2.统一拦截请求 往请求头中设置token(后端需要根据请求头中的token，进行身份验证之后才可以去访问接口)
//request 请求对象(用来给后端传递数据的)
axios.interceptors.request.use(request=>{
    let token=localStorage.getItem("token");
    if(token){
        request.headers.Authorization=token;
    }
    return request;
});
//3.统一拦截后端的响应，然后进行统一的异常处理甚至是数据处理
axios.interceptors.response.use(response=>{
    let {data}=response;
    if(data.status==401){//后端:没有携带token ，以及 token超时都是401,但是他们的message消息提示不同
        let token=localStorage.getItem("token");
        if(token){//401 token还存在说明token超时了
            localStorage.removeItem("token");
        }
        Message.warning(data.message);
        setTimeout(()=>{
            router.push("/login");
        },2000);
    }
    return data;//就是后端响应的数据
});
export const request=axios;