@infly/libs 2.0.25

package/module/Permission.js

@@ -0,0 +1,138 @@
+import Uts from "./Uts";
+import TokenService from "./TokenService";
+
+/**
+ * 路由拦截器
+ * @param {Object} config 配置项
+ * @param {Array} config.whiteList 白名单路径
+ * @param {String} config.pagePathCacheKey 页面路径缓存的键
+ * @param {Object} config.router 路由实例
+ * @param {Object} config.store Vuex store 实例
+ * @param {Object} config.NProgress NProgress 实例
+ * @param {Function} config.getToken 获取 token 的函数
+ * @param {Function} config.getUserInfo 获取用户信息的函数
+ * @param {Function} config.resetToken 重置 token 的函数
+ * @param {Function} config.showMessage 显示消息的函数
+ * @param {Function} config.getTitle 获取页面标题的函数
+ * * @returns {void}
+ */
+export function initPermission({
+  whiteList = ["/login"],
+  getUserInfoAction = "user/getInfo",
+  resetTokenAction = "user/resetToken",
+  refreshTokenAction = "user/refreshToken",
+  pagePathCacheKey, // 页面路径缓存
+  router,
+  store,
+  defaultSettings = {},
+  NProgress,
+  Message,
+  getUserInfo,
+  resetToken,
+  showMessage
+}) {
+  const { title: projectTitle } = defaultSettings || {};
+  const { dispatch } = store || {};
+
+  const redirectToLogin = (to, next) => {
+    next(`/login?redirect=${to.path}`);
+    NProgress.done();
+    return;
+  };
+
+  const handleGetUserInfo = () => {
+    if (Uts.isFunction(getUserInfo)) {
+      return getUserInfo();
+    } else if (Uts.isFunction(dispatch)) {
+      return dispatch(getUserInfoAction);
+    }
+  };
+
+  const handleResetToken = () => {
+    if (Uts.isFunction(resetToken)) {
+      return resetToken();
+    } else if (Uts.isFunction(dispatch)) {
+      return dispatch(resetTokenAction);
+    }
+  };
+
+  const handleShowMessage = (message, type = "error") => {
+    if (Uts.isFunction(showMessage)) {
+      showMessage(message);
+    }
+
+    if (Uts.isFunction(Message)) {
+      Message[type](message);
+    }
+
+    console.log(message);
+  };
+
+  const handlePageTitle = (path) => {
+    const title = projectTitle || "后台管理系统";
+    if (path) {
+      return `${path} - ${title}`;
+    }
+    return `${title}`;
+  };
+
+  NProgress.configure({ showSpinner: false });
+
+  router.beforeEach(async (to, from, next) => {
+    NProgress.start();
+    document.title = handlePageTitle(to.meta.title);
+
+    if (!whiteList.includes(to.path) && pagePathCacheKey) {
+      localStorage.setItem(pagePathCacheKey, window.location.href);
+    }
+
+    const Token = TokenService.getToken();
+    const accessTokenKey = TokenService.getUrlTokenKey();
+    const accessToken = TokenService.getUrlToken();
+
+    // 处理 URL 中的 accessToken 参数
+    if (to.query[accessTokenKey]) {
+      const newQuery = { ...to.query };
+
+      // 优先从地址栏获取token, 更新存储token值
+      if (accessToken && Uts.isFunction(dispatch)) {
+        await dispatch(refreshTokenAction, { token: accessToken });
+      }
+
+      delete newQuery[accessTokenKey];
+      NProgress.done();
+      return next({ path: to.path, query: newQuery, replace: true });
+    }
+
+    // 检查白名单路径
+    if (whiteList.includes(to.path)) {
+      NProgress.done();
+      return next();
+    }
+
+    if (Token) {
+      // 如果已登录，但尝试访问登录页，则重定向到首页
+      if (to.path === "/login") {
+        NProgress.done();
+        next({ path: "/" });
+      } else {
+        try {
+          await handleGetUserInfo();
+          NProgress.done();
+          next();
+        } catch (error) {
+          const { message = "" } = error || {};
+          // handleShowMessage(message || error || "验证失败, 请重新登录");
+          await handleResetToken();
+          redirectToLogin(to, next);
+        }
+      }
+    } else {
+      redirectToLogin(to, next);
+    }
+  });
+
+  router.afterEach(() => {
+    NProgress.done();
+  });
+}

package/module/REST.js

@@ -0,0 +1,97 @@
+import axios from "axios";
+import Uts from "./Uts.js";
+import TokenService from "./TokenService.js";
+
+const baseURL = process.env.VUE_APP_BASE_API;
+const { env } = Uts.getEnv() || {};
+const isTestEnv = Uts.contain(["localhost", "infly-test"], env);
+const isProdAPI = Uts.contain(["https://api.sutpay.com"], baseURL);
+
+/**
+ * 创建封装的 axios 实例
+ * @param {Object} config 配置项
+ * @param {Function|String} config.getToken 获取 token 的函数或值
+ * @param {Function} config.onLogout 登出回调
+ * @param {Function} config.onNotify 通知回调
+ * @returns {AxiosInstance}
+ */
+export function createService(config) {
+  const {
+    logoutAction = "user/logout", // 退出登录的action方法
+    onLogout,
+    onNotify
+  } = config || {};
+  const service = axios.create({ baseURL });
+
+  /**
+   * 发送通知
+   */
+  const handleNotify = ({ message, type = "error", duration = 5000 }) => {
+    if (Uts.isFunction(onNotify)) {
+      onNotify({ message, type, duration });
+    } else {
+      console.warn("[Notify]", message);
+    }
+  };
+
+  // 涉及到store和request循环依赖，导致store为undefined，所以不要引入store来处理而是通过闭包形式
+  const handleLogout = () => {
+    if (Uts.isFunction(onLogout)) {
+      onLogout(logoutAction);
+    }
+  };
+
+  service.interceptors.request.use(
+    config => {
+      const Token = TokenService.getToken();
+
+      if (Token) {
+        config.headers["Authorization"] = " JWT " + Token;
+      }
+
+      if (isTestEnv && isProdAPI) {
+        handleNotify({
+          message: `当前环境为测试环境，接口请求为正式环境接口，请暂停操作，检查构建文件`,
+          type: "error",
+          duration: 10 * 1000
+        });
+      }
+
+      return config;
+    },
+    error => {
+      return Promise.reject(error);
+    }
+  );
+
+  service.interceptors.response.use(
+    response => {
+      return response.data || {};
+    },
+    error => {
+      const { response } = error || {};
+      const { status } = response || {};
+
+      if ([401, 403].includes(status)) {
+        handleNotify({
+          message: `登录信息已过期(${status}), 请重新登录！`,
+          type: "error"
+        });
+        handleLogout();
+      } else if ([500, 502].includes(status)) {
+        handleNotify({
+          message: `服务器异常(${status})，请联系开发人员`,
+          type: "error"
+        });
+      }
+
+      return Promise.reject(error);
+    }
+  );
+
+  return service;
+}
+
+const service = createService();
+
+export default service;

package/module/TokenService.js

@@ -0,0 +1,127 @@
+// TokenService.js
+import Uts from "./Uts"; // 假设Uts工具类在同级目录或可访问路径
+
+let TOKEN_KEY = "accessToken"; // 默认的token键名
+let CHAT_TOKEN_KEY = "chatAccessToken"; // 默认的聊天token键名
+let URL_TOKEN_KEY = "accessToken"; // 链接参数带上的token键名
+
+const TokenService = {
+  /**
+   * 初始化TokenService，可以配置token键名
+   * @param {Object} settings 一般在项目settings.js中
+   * @param {string} settings.tokenKey 主token的键名
+   * @param {string} settings.chatTokenKey 聊天token的键名
+   */
+  init(settings = {}) {
+    if (settings.tokenKey) {
+      TOKEN_KEY = settings.tokenKey;
+    }
+    if (settings.chatTokenKey) {
+      CHAT_TOKEN_KEY = settings.chatTokenKey;
+    }
+  },
+
+  /**
+   * 获取主token的键名
+   * @returns {string}
+   */
+  getTokenKey() {
+    return TOKEN_KEY;
+  },
+
+  /**
+   * 获取聊天token的键名
+   * @returns {string}
+   */
+  getChatTokenKey() {
+    return CHAT_TOKEN_KEY;
+  },
+
+  /**
+   * 获取主token
+   * @returns {string}
+   */
+  getToken() {
+    const accessTokenKey = TokenService.getUrlTokenKey();
+    const accessToken = Uts.getUrlParam(accessTokenKey); // 链接中带的token
+
+    return (
+      accessToken ||
+      Uts.storage.get(TOKEN_KEY) ||
+      Uts.getCookie(TOKEN_KEY) ||
+      ""
+    );
+  },
+
+  /**
+   * 设置主token
+   * @param {string} token
+   */
+  setToken(token) {
+    Uts.storage.set(TOKEN_KEY, token);
+    Uts.setCookie(TOKEN_KEY, token);
+  },
+
+  /**
+   * 移除主token
+   */
+  removeToken() {
+    Uts.storage.remove(TOKEN_KEY);
+    Uts.removeCookie(TOKEN_KEY);
+  },
+
+  /**
+   * 设置聊天token
+   * @param {string} token
+   */
+  setChatToken(token) {
+    Uts.storage.set(CHAT_TOKEN_KEY, token);
+  },
+
+  /**
+   * 获取聊天token
+   * @returns {string}
+   */
+  getChatToken() {
+    return Uts.storage.get(CHAT_TOKEN_KEY) || "";
+  },
+
+  /**
+   * 移除聊天token
+   */
+  removeChatToken() {
+    Uts.storage.remove(CHAT_TOKEN_KEY);
+  },
+
+  /**
+   * 获取链接中的token键名
+   * @returns
+   */
+  getUrlTokenKey() {
+    return URL_TOKEN_KEY;
+  },
+
+  /**
+   * 获取链接中的token
+   */
+  getUrlToken() {
+    return Uts.getUrlParam(URL_TOKEN_KEY);
+  },
+
+  /**
+   * 移除链接参数中带上的token
+   */
+  removeUrlToken() {
+    Uts.removeState(URL_TOKEN_KEY);
+  },
+
+  /**
+   * 移除所有token
+   */
+  removeAllTokens() {
+    this.removeToken();
+    this.removeChatToken();
+  }
+};
+
+export default TokenService;