/**
 * 此文件主要创建 axios 实例，然后添加请求拦截器和响应拦截器
 */
import axios from "axios";
import { Message } from "element-ui";
import { endLoadingSubCount } from "./requestLoading";
import router from "../router";

// create an axios instance
const service = axios.create({
  baseURL: process.env.VUE_APP_BASE_API,
  withCredentials: true, //是否允许跨域
  headers: {
    "Content-Type": "application/json; charset=utf-8",
  },
  timeout: 15000,
});

// request interceptor
service.interceptors.request.use(
  (config) => {
    //调用登录接口时无token，也不需要传token，其他接口都传入token
    config.headers.Authorization = sessionStorage.getItem("token") || "";
    config.headers.Accept = "application/json";
    return config;
  },
  (error) => {
    Message.error("请求超时!");
    return Promise.reject(error);
  }
);

// response interceptor
service.interceptors.response.use(
  (response) => {
    /**
     *  对响应数据判断:
     *  如果成功返回数据，就通过return把数据返出去
     *  如果请求不成功，就在拦截器这里统一处理（组件的代码就不用关注错误的情况了）
     */
    if (response.status == 200) {
      return response.data;
    } else {
      // 对响应错误做点什么
      Message({
        message: "请求失败",
        type: "error",
        duration: 5 * 1000,
      });
    }
    return response;
  },
  (error) => {
    handleErrorData(error.response.status);
    endLoadingSubCount();
    return Promise.reject(error);
  }
);
//对错误信息的处理函数
function handleErrorData(status) {
  switch (status) {
    case 401:
      Message.error("由于长时间未操作，请重新登录!");
      router.replace({
        path: "/login/jg",
        query: {
          redirect: router.history.current.fullPath,
        },
      });
      break;
    case 403:
      Message.error("拒绝访问");
      break;
    case 404:
      Message.error("很抱歉，资源未找到!");
      break;
    case 500:
      Message.error("服务器错误!");
      break;
    default:
      Message.error("服务正在联调中，请稍后!");
      break;
  }
}
export default service;