feat: 整合登录

src/service/api/auth.ts

@@ -1,48 +1,41 @@
 import { request } from '../request';
 
+/** Get tenant list */
+export function fetchTenantList() {
+  return request<Api.Auth.TenantList>({
+    url: '/auth/tenant/list',
+    method: 'get'
+  });
+}
+
+/** Get image code */
+export function fetchCaptchaCode() {
+  return request<Api.Auth.CaptchaCode>({
+    url: '/auth/code',
+    method: 'get'
+  });
+}
+
 /**
  * Login
  *
- * @param userName User name
+ * @param username User name
  * @param password Password
  */
-export function fetchLogin(userName: string, password: string) {
+export function fetchLogin(data: Api.Auth.LoginData) {
   return request<Api.Auth.LoginToken>({
     url: '/auth/login',
     method: 'post',
-    data: {
-      userName,
-      password
-    }
+    headers: {
+      isToken: false,
+      isEncrypt: true,
+      repeatSubmit: false
+    },
+    data
   });
 }
 
 /** Get user info */
 export function fetchGetUserInfo() {
-  return request<Api.Auth.UserInfo>({ url: '/auth/getUserInfo' });
-}
-
-/**
- * Refresh token
- *
- * @param refreshToken Refresh token
- */
-export function fetchRefreshToken(refreshToken: string) {
-  return request<Api.Auth.LoginToken>({
-    url: '/auth/refreshToken',
-    method: 'post',
-    data: {
-      refreshToken
-    }
-  });
-}
-
-/**
- * return custom backend error
- *
- * @param code error code
- * @param msg error message
- */
-export function fetchCustomBackendError(code: string, msg: string) {
-  return request({ url: '/auth/error', params: { code, msg } });
+  return request<Api.Auth.UserInfo>({ url: '/system/user/getInfo' });
 }

src/service/api/route.ts

@@ -1,20 +1,7 @@
+import type { ElegantConstRoute } from '@elegant-router/types';
 import { request } from '../request';
 
-/** get constant routes */
-export function fetchGetConstantRoutes() {
-  return request<Api.Route.MenuRoute[]>({ url: '/route/getConstantRoutes' });
-}
-
-/** get user routes */
-export function fetchGetUserRoutes() {
-  return request<Api.Route.UserRoute>({ url: '/route/getUserRoutes' });
-}
-
-/**
- * whether the route is exist
- *
- * @param routeName route name
- */
-export function fetchIsRouteExist(routeName: string) {
-  return request<boolean>({ url: '/route/isRouteExist', params: { routeName } });
+/** get routes */
+export function fetchGetRoutes() {
+  return request<ElegantConstRoute[]>({ url: '/system/menu/getRouters' });
 }

src/service/api/system/menu.ts

@@ -0,0 +1,10 @@
+import { request } from '@/service/request';
+
+/** get menu list */
+export function fetchGetMenuList(params?: Api.System.MenuSearchParams) {
+  return request<Api.System.MenuList>({
+    url: '/system/menu/list',
+    method: 'get',
+    params
+  });
+}

src/service/request/index.ts

@@ -1,30 +1,50 @@
-import type { AxiosResponse } from 'axios';
-import { BACKEND_ERROR_CODE, createFlatRequest, createRequest } from '@sa/axios';
+import type { AxiosResponse, InternalAxiosRequestConfig } from 'axios';
+import { BACKEND_ERROR_CODE, createFlatRequest } from '@sa/axios';
 import { useAuthStore } from '@/store/modules/auth';
 import { $t } from '@/locales';
-import { localStg } from '@/utils/storage';
+import { localStg, sessionStg } from '@/utils/storage';
 import { getServiceBaseURL } from '@/utils/service';
+import { decryptBase64, decryptWithAes, encryptBase64, encryptWithAes, generateAesKey } from '@/utils/crypto';
+import { decrypt, encrypt } from '@/utils/jsencrypt';
 import { handleRefreshToken, showErrorMsg } from './shared';
 import type { RequestInstanceState } from './type';
 
+const encryptHeader = 'encrypt-key';
 const isHttpProxy = import.meta.env.DEV && import.meta.env.VITE_HTTP_PROXY === 'Y';
-const { baseURL, otherBaseURL } = getServiceBaseURL(import.meta.env, isHttpProxy);
+const { baseURL } = getServiceBaseURL(import.meta.env, isHttpProxy);
 
 export const request = createFlatRequest<App.Service.Response, RequestInstanceState>(
   {
     baseURL,
-    headers: {
-      apifoxToken: 'XL299LiMEDZ0H5h3A29PxwQXdMJqWyY2'
+    'axios-retry': {
+      retries: 0
     }
   },
   {
     async onRequest(config) {
       const { headers } = config;
 
+      // 对应国际化资源文件后缀
+      config.headers['Content-Language'] = 'zh_CN';
+
+      const isToken = config.headers?.isToken === false;
+
       // set token
       const token = localStg.get('token');
-      const Authorization = token ? `Bearer ${token}` : null;
-      Object.assign(headers, { Authorization });
+      if (token && !isToken) {
+        config.headers.Clientid = import.meta.env.VITE_APP_CLIENT_ID;
+        const Authorization = token ? `Bearer ${token}` : null;
+        Object.assign(headers, { Authorization });
+      }
+
+      handleRepeatSubmit(config);
+
+      handleEncrypt(config);
+
+      // FormData数据去请求头Content-Type
+      if (config.data instanceof FormData) {
+        delete config.headers['Content-Type'];
+      }
 
       return config;
     },
@@ -98,6 +118,31 @@ export const request = createFlatRequest<App.Service.Response, RequestInstanceSt
       return null;
     },
     transformBackendResponse(response) {
+      if (import.meta.env.VITE_APP_ENCRYPT === 'true') {
+        // 加密后的 AES 秘钥
+        const keyStr = response.headers[encryptHeader];
+        // 加密
+        if (keyStr && keyStr !== '') {
+          const data = String(response.data);
+          // 请求体 AES 解密
+          const base64Str = decrypt(keyStr);
+          // base64 解码 得到请求头的 AES 秘钥
+          const aesKey = decryptBase64(base64Str.toString());
+          // aesKey 解码 data
+          const decryptData = decryptWithAes(data, aesKey);
+          // 将结果 (得到的是 JSON 字符串) 转为 JSON
+          response.data = JSON.parse(decryptData);
+        }
+      }
+
+      // 二进制数据则直接返回
+      if (response.request.responseType === 'blob' || response.request.responseType === 'arraybuffer') {
+        return response.data;
+      }
+
+      if (response.data.rows) {
+        return response.data;
+      }
       return response.data.data;
     },
     onError(error) {
@@ -129,44 +174,48 @@ export const request = createFlatRequest<App.Service.Response, RequestInstanceSt
   }
 );
 
-export const demoRequest = createRequest<App.Service.DemoResponse>(
-  {
-    baseURL: otherBaseURL.demo
-  },
-  {
-    async onRequest(config) {
-      const { headers } = config;
+function handleRepeatSubmit(config: InternalAxiosRequestConfig) {
+  // 是否需要防止数据重复提交
+  const isRepeatSubmit = config.headers?.repeatSubmit === false;
 
-      // set token
-      const token = localStg.get('token');
-      const Authorization = token ? `Bearer ${token}` : null;
-      Object.assign(headers, { Authorization });
-
-      return config;
-    },
-    isBackendSuccess(response) {
-      // when the backend response code is "200", it means the request is success
-      // you can change this logic by yourself
-      return response.data.status === '200';
-    },
-    async onBackendFail(_response) {
-      // when the backend response code is not "200", it means the request is fail
-      // for example: the token is expired, refresh token and retry request
-    },
-    transformBackendResponse(response) {
-      return response.data.result;
-    },
-    onError(error) {
-      // when the request is fail, you can show error message
-
-      let message = error.message;
-
-      // show backend error message
-      if (error.code === BACKEND_ERROR_CODE) {
-        message = error.response?.data?.message || message;
+  if (!isRepeatSubmit && (config.method === 'post' || config.method === 'put')) {
+    const requestObj = {
+      url: config.url!,
+      data: typeof config.data === 'object' ? JSON.stringify(config.data) : config.data,
+      time: new Date().getTime()
+    };
+    const sessionObj = sessionStg.get('sessionObj');
+    if (!sessionObj) {
+      sessionStg.set('sessionObj', requestObj);
+    } else {
+      const s_url = sessionObj.url; // 请求地址
+      const s_data = sessionObj.data; // 请求数据
+      const s_time = sessionObj.time; // 请求时间
+      const interval = 500; // 间隔时间(ms)，小于此时间视为重复提交
+      if (s_data === requestObj.data && requestObj.time - s_time < interval && s_url === requestObj.url) {
+        const message = '数据正在处理，请勿重复提交';
+        console.warn(`[${s_url}]: ${message}`);
+        throw new Error(message);
       }
-
-      window.$message?.error(message);
+      sessionStg.set('sessionObj', requestObj);
     }
   }
-);
+}
+
+function handleEncrypt(config: InternalAxiosRequestConfig) {
+  // 是否需要加密
+  const isEncrypt = config.headers?.isEncrypt === 'true';
+
+  if (import.meta.env.VITE_APP_ENCRYPT === 'true') {
+    // 当开启参数加密
+    if (isEncrypt && (config.method === 'post' || config.method === 'put')) {
+      // 生成一个 AES 密钥
+      const aesKey = generateAesKey();
+      config.headers[encryptHeader] = encrypt(encryptBase64(aesKey));
+      config.data =
+        typeof config.data === 'object'
+          ? encryptWithAes(JSON.stringify(config.data), aesKey)
+          : encryptWithAes(config.data, aesKey);
+    }
+  }
+}

src/service/request/shared.ts

@@ -1,7 +1,6 @@
 import type { AxiosRequestConfig } from 'axios';
 import { useAuthStore } from '@/store/modules/auth';
-import { localStg } from '@/utils/storage';
-import { fetchRefreshToken } from '../api';
+// import { localStg } from '@/utils/storage';
 import type { RequestInstanceState } from './type';
 
 /**
@@ -9,22 +8,11 @@ import type { RequestInstanceState } from './type';
  *
  * @param axiosConfig - request config when the token is expired
  */
-export async function handleRefreshToken(axiosConfig: AxiosRequestConfig) {
+export async function handleRefreshToken(_: AxiosRequestConfig) {
   const { resetStore } = useAuthStore();
 
-  const refreshToken = localStg.get('refreshToken') || '';
-  const { error, data } = await fetchRefreshToken(refreshToken);
-  if (!error) {
-    localStg.set('token', data.token);
-    localStg.set('refreshToken', data.refreshToken);
-
-    const config = { ...axiosConfig };
-    if (config.headers) {
-      config.headers.Authorization = data.token;
-    }
-
-    return config;
-  }
+  // request
+  // const refreshToken = localStg.get('refreshToken') || '';
 
   resetStore();