import axios from "axios";
import { getToken, setToken, setRefreshToken, getRefreshToken } from "./token";
import { ElMessage } from "element-plus";
import router from "@/router";
import { refreshToken } from "./refreshtoken";
const service = axios.create({
  baseURL: "http://localhost:8087",
  headers: {
    Authorization: `Bearer ${getToken()}`,
  },
});
// 添加請求攔截器
service.interceptors.request.use(
  function (config) {
    if (config.url === "/refresh_token") {
      config.headers["Authorization"] = `Bearer ${getRefreshToken()}`;
    }
    // 在發(fā)送請求之前做些什么
    return config;
  },
  function (error) {
    // 對請求錯誤做些什么
    return Promise.reject(error);
  }
);

// 添加響應(yīng)攔截器
service.interceptors.response.use(async (res) => {
  // 1.第一次登錄了以后 后臺在header里面返回了短token 那么要先接收token存儲到localstorage里面
  if (res.headers.authorization) {
    const token = res.headers.authorization.replace("Bearer ", "");
    // 設(shè)置短token
    setToken(token);
    service.defaults.headers.Authorization = `Bearer ${token}`;
  }
  // 2. 第一次登錄了以后 后臺在header里面返回了長token 那么要先接受長token 存儲到localstorage里面
  if (res.headers.refreshtoken) {
    const refreshtoken = res.headers.refreshtoken.replace("Bearer ", "");
    // 設(shè)置長token
    setRefreshToken(refreshtoken);
  }
  // 3 假設(shè)當(dāng)后端返回401的時候 代表token失效 時間到了 這個時候正常處理就是跳到登錄頁面
  // 但是在實(shí)際的業(yè)務(wù)場景的時候 用戶體驗(yàn)非常不好

  if (res.data.code === 401) {
    // ElMessage({
    //   message: "token失效",
    //   type: "warning",
    // });
    // router.push("/login");
    // 這個地方就是短token失效了 提交表單 不跳到登錄頁面 因?yàn)檫@樣用戶體驗(yàn)很不好
    // 請求剛剛定義的一個接口
    // 這個時候 提交表單的接口 還沒提交 停在這里了 現(xiàn)在要干啥？請求
    // 干啥了？ 請求了changtoken攜帶過去 刷新token的接口
    const success = await refreshToken();
    if (success) {
      res.config.headers.Authorization = `Bearer ${getToken()}`;
      const result = await service.request(res.config);
      return result;
    }
  }

  return res.data;
});

function request(options) {
  options.method = options.method || "get";
  // 關(guān)于get請求參數(shù)的調(diào)整
  if (options.method.toLowerCase() === "get") {
    options.params = options.data;
  }

  return service(options);
}

export default request;