commit message

manager/src/libs/axios.js

@@ -0,0 +1,340 @@
+import axios from "axios";
+import config from "@/config";
+import {getStore, setStore} from "./storage.js";
+import {router} from "../router/index";
+import {Message} from "view-design";
+import Cookies from "js-cookie";
+import {handleRefreshToken} from "../api/index"
+
+// 统一请求路径前缀
+export const commonUrl = (process.env.NODE_ENV === 'development' ? config.api_dev.common : config.api_prod.common);
+export const managerUrl = (process.env.NODE_ENV === 'development' ? config.api_dev.manager : config.api_prod.manager) + config.baseUrlPrefix;
+
+const service = axios.create({
+  timeout: 8000,
+  baseURL: managerUrl
+})
+var isRefreshToken = 0;
+const refreshToken = getTokenDebounce()
+service.interceptors.request.use(
+  config => {
+    if (config.method == 'get') {
+      config.params = {
+        _t: Date.parse(new Date()) / 1000,
+        ...config.params
+      }
+    }
+    return config;
+  },
+  err => {
+    Message.error("请求超时");
+    return Promise.reject(err);
+  }
+);
+
+// http response 拦截器
+service.interceptors.response.use(
+  (response) => {
+    const data = response.data;
+    // 根据返回的code值来做不同的处理(和后端约定)
+    if (!data.success && data.message) {
+      Message.error(data.message);
+    }
+    switch (data.code) {
+      case 400:
+        if (data.message !== null) {
+          Message.error(data.message);
+        } else {
+          Message.error("系统异常");
+        }
+        break;
+      case 401:
+        // 未登录 清除已登录状态
+        Cookies.set("userInfo", "");
+        setStore("accessToken", "");
+        if (router.history.current.name != "login") {
+          if (data.message !== null) {
+            Message.error(data.message);
+          } else {
+            Message.error("未知错误，请重新登录");
+          }
+          router.push("/login");
+        }
+        return data;
+        break;
+      case 403:
+        // 权限不足
+        if (data.message !== null) {
+          Message.error(data.message);
+        } else {
+          Message.error("权限不足");
+        }
+        break;
+      case 500:
+        // 系统异常
+        if (data.message !== null) {
+          Message.error(data.message);
+        } else {
+          Message.error("系统异常");
+        }
+        break;
+      default:
+        return data;
+    }
+  },
+  async (error) => {
+    // 返回状态码不为200时候的错误处理
+    if (error.response) {
+      if (error.response.status === 401) {
+        // 这种情况一般调到登录页
+      } else if (error.response.status === 403) {
+        isRefreshToken++;
+        if(isRefreshToken === 1) {
+          const getTokenRes = await refreshToken();
+          if (getTokenRes === 'success') { // 刷新token
+            if (isRefreshToken === 1) {
+              error.response.config.headers.accessToken = getStore('accessToken')
+              return service(error.response.config)
+            } else {
+              router.go(0)
+            }
+          } else {
+            Cookies.set("userInfo", "");
+            router.push('/login')
+          }
+          isRefreshToken = 0
+        }
+
+      } else {
+        // 其他错误处理
+        Message.error(error.response.data.message)
+      }
+    }
+    /* router.push("/login") */
+    return Promise.resolve(error);
+  }
+)
+
+
+// 防抖闭包来一波
+function getTokenDebounce() {
+  let lock = false
+  let success = false
+  return function () {
+    if (!lock) {
+      lock = true
+      let oldRefreshToken = getStore("refreshToken");
+      handleRefreshToken(oldRefreshToken).then(res => {
+        if (res.code === 200) {
+          let {
+            accessToken,
+            refreshToken
+          } = res.result;
+          setStore("accessToken", accessToken);
+          setStore("refreshToken", refreshToken);
+
+          success = true
+          lock = false
+        } else {
+          success = false
+          lock = false
+          router.push('/login')
+        }
+      }).catch((err) => {
+        success = false
+        lock = false
+      })
+    }
+    return new Promise(resolve => {
+      // 一直看lock,直到请求失败或者成功
+      const timer = setInterval(() => {
+        if (!lock) {
+          clearInterval(timer)
+          if (success) {
+            resolve('success')
+          } else {
+            resolve('fail')
+          }
+        }
+      }, 500) // 轮询时间间隔
+    })
+  }
+}
+
+
+export const getRequest = (url, params) => {
+  let accessToken = getStore("accessToken");
+  return service({
+    method: "get",
+    url: `${url}`,
+    params: params,
+    headers: {
+      accessToken: accessToken
+    }
+  });
+};
+
+export const postRequest = (url, params, headers) => {
+  let accessToken = getStore("accessToken");
+  return service({
+    method: "post",
+    url: `${url}`,
+    data: params,
+    transformRequest: headers
+      ? undefined
+      : [
+        function (data) {
+          let ret = "";
+          for (let it in data) {
+            ret +=
+              encodeURIComponent(it) +
+              "=" +
+              encodeURIComponent(data[it]) +
+              "&";
+          }
+          ret = ret.substring(0, ret.length - 1);
+          return ret;
+        }
+      ],
+    headers: {
+      "Content-Type": "application/x-www-form-urlencoded",
+      accessToken: accessToken,
+      ...headers
+    }
+  });
+};
+
+/** 不带form表单不带transformRequest */
+export const postRequestWithNoForm = (url, params) => {
+  let accessToken = getStore("accessToken");
+  return service({
+    method: "post",
+    url: `${url}`,
+    data: params,
+
+    headers: {
+      accessToken: accessToken
+    }
+  });
+};
+
+// export const postRequestWithHeaders = (url, params) => {
+//   let accessToken = getStore("accessToken");
+//   return axios({
+//     method: "post",
+//     url: `${url}`,
+//     data: params,
+
+//     headers: {
+//       accessToken: accessToken,
+//       "Content-Type": "application/x-www-form-urlencoded"
+//     }
+//   });
+// };
+
+export const putRequest = (url, params, headers) => {
+  let accessToken = getStore("accessToken");
+  return service({
+    method: "put",
+    url: `${url}`,
+    data: params,
+    transformRequest: headers
+      ? undefined
+      : [
+        function (data) {
+          let ret = "";
+          for (let it in data) {
+            ret +=
+              encodeURIComponent(it) +
+              "=" +
+              encodeURIComponent(data[it]) +
+              "&";
+          }
+          ret = ret.substring(0, ret.length - 1);
+          return ret;
+        }
+      ],
+    headers: {
+      "Content-Type": "application/x-www-form-urlencoded",
+      accessToken: accessToken,
+      ...headers
+    }
+  });
+};
+
+export const putRequestWithNoForm = (url, params) => {
+  let accessToken = getStore("accessToken");
+  return service({
+    method: "put",
+    url: `${url}`,
+    data: params,
+
+    headers: {
+      accessToken: accessToken
+    }
+  });
+};
+
+export const deleteRequest = (url, params) => {
+  let accessToken = getStore("accessToken");
+  return service({
+    method: "delete",
+    url: `${url}`,
+    params: params,
+    headers: {
+      accessToken: accessToken
+    }
+  });
+};
+
+export const importRequest = (url, params) => {
+  let accessToken = getStore("accessToken");
+  return service({
+    method: "post",
+    url: `${url}`,
+    data: params,
+    headers: {
+      accessToken: accessToken
+    }
+  });
+};
+
+export const uploadFileRequest = (url, params) => {
+  let accessToken = getStore("accessToken");
+  return service({
+    method: "post",
+    url: `${url}`,
+    params: params,
+    headers: {
+      accessToken: accessToken
+    }
+  });
+};
+
+/**
+ * 无需token验证的请求 避免旧token过期导致请求失败
+ * @param {*} url
+ * @param {*} params
+ */
+export const getRequestWithNoToken = (url, params) => {
+  return service({
+    method: "get",
+    url: `${url}`,
+    params: params
+  });
+};
+
+
+/**
+ * 无需token验证的请求 避免旧token过期导致请求失败
+ * @param {*} url
+ * @param {*} params
+ */
+export const postRequestWithNoToken = (url, params) => {
+  return service({
+    method: "post",
+    url: `${url}`,
+    params: params
+  });
+};
+