import axios from "axios";
import store from "/@/store";
import { isDev } from "/@/config/env";
import { href, storage } from "/@/cool/utils";
import NProgress from "nprogress";
import "nprogress/nprogress.css";
import { ElMessage } from "element-plus";

axios.defaults.timeout = 30000;
axios.defaults.withCredentials = true;

NProgress.configure({
  showSpinner: false
});

// 请求队列
let requests: Array<Function> = [];

// Token 是否刷新中
let isRefreshing = false;

// 忽略规则
const ignore = {
  NProgress: ["/sys/info/record"],
  token: ["/login", "/captcha"]
};

// Request
axios.interceptors.request.use(
  (config: any) => {
    const token = store.getters.token || "";

    if (config.url) {
      if (!ignore.token.some((e) => config.url.includes(e))) {
        config.headers["Authorization"] = token;
      }

      if (!ignore.NProgress.some((e) => config.url.includes(e))) {
        NProgress.start();
      }
    }

    // 请求信息
    if (isDev) {
      console.log("config:", config);
      console.group(config.url);
      console.log("method:", config.method);
      console.table("data:", config.method == "get" ? config.params : config.data);
      console.groupEnd();
    }

    // 验证 token
    if (token) {
      if (config.url.includes("refreshToken")) {
        return config;
      }

      // 判断 token 是否过期
      if (storage.isExpired("token")) {
        // 判断 refreshToken 是否过期
        if (storage.isExpired("refreshToken")) {
          store.dispatch("userRemove");
          return href("/login");
        }

        // 是否在刷新中
        if (!isRefreshing) {
          isRefreshing = true;

          store.dispatch("refreshToken").then((token: string) => {
            requests.forEach((cb) => cb(token));
            requests = [];
            isRefreshing = false;
          });
        }

        return new Promise((resolve) => {
          // 继续请求
          requests.push((token: string) => {
            // 重新设置 token
            config.headers["Authorization"] = token;
            resolve(config);
          });
        });
      }
    }

    return config;
  },
  (error) => {
    return Promise.reject(error);
  }
);

// Response
axios.interceptors.response.use(
  (res) => {
    NProgress.done();
    const { code, data, message } = res.data;

    if (!res.data) {
      return res;
    }

    switch (code) {
      case 1000:
        return data;
      default:
        return Promise.reject(message);
    }
  },
  async (error) => {
    NProgress.done();

    if (error.response) {
      const { status, config } = error.response;

      switch (status) {
        case 401:
          await store.dispatch("userRemove");
          href("/login");
          break;

        case 403:
          if (isDev) {
            ElMessage.error(`${config.url} 无权限访问！！`);
          } else {
            href("/403");
          }
          break;

        case 404:
          break;

        case 500:
          if (!isDev) {
            href("/500");
          }
          break;

        case 502:
          if (isDev) {
            ElMessage.error(`${config.url} 服务异常！！`);
          } else {
            href("/502");
          }
          break;

        default:
          console.error(status, config.url);
      }
    }

    return Promise.reject(error.message);
  }
);

export default axios;