feat: 登录接口联调

src/renderer/api/oauth2.ts

@@ -16,7 +16,6 @@ export function authOauth2TokenUsingPost({
     method: 'POST',
     headers: {
       'Content-Type': 'application/x-www-form-urlencoded',
-      'Authorization': 'Basic Y3VzdG9tUEM6Y3VzdG9tUEM=',
     },
     data: body,
     ...(options || {}),

src/renderer/permission.ts

@@ -1,6 +1,6 @@
 import router from './router'
 import { isPathMatch } from '@utils/validate'
-import { getToken } from '@utils/auth'
+import { Session } from '@renderer/utils/storage'
 
 // 白名单
 const whiteList = ['/login', '/register']
@@ -8,7 +8,7 @@ const whiteList = ['/login', '/register']
 const isWhiteList = (path: string) => whiteList.some(pattern => isPathMatch(pattern, path))
 
 router.beforeEach((to: any, _from: any, next: any) => {
-  if(getToken()) {
+  if(Session.getToken()) {
     // has token
     if (to.path === '/login') {
       next({path: '/home'})

src/renderer/store/userinfo.ts

@@ -1,10 +1,11 @@
 import { defineStore } from 'pinia'
 import { authOauth2TokenUsingPost } from "@renderer/api"
-import { getToken, setToken, removeToken } from '@utils/auth'
+import { Session } from '@utils/storage'
+import { encryption } from '@utils/other'
 
 export const useUserStore = defineStore('userInfo', {
   state: () => ({
-    token: getToken(),
+    token: Session.get('token'),
   }),
 
   actions: {
@@ -15,15 +16,37 @@ export const useUserStore = defineStore('userInfo', {
 		 * @param {Object} data - 登录数据
 		 * @returns {Promise<Object>}
 		 */
-		async login(data: LoginForm) {
+		async login(data: any) {
 			data.grant_type = 'password';
 			data.scope = 'server';
 
+      // const { VITE_OAUTH2_PASSWORD_CLIENT, VITE_PWD_ENC_KEY } = (import.meta as any).env
+      // const basicAuth = 'Basic ' + window.btoa(VITE_OAUTH2_PASSWORD_CLIENT);
+
+      // Session.set('basicAuth', basicAuth);
+
+      // let encPassword = data.password;
+      // 密码加密
+      // if (VITE_PWD_ENC_KEY) {
+      //   encPassword = encryption(data.password, VITE_PWD_ENC_KEY);
+      // }
+
 			return new Promise((resolve, reject) => {
-				authOauth2TokenUsingPost({body: {...data, clientId: ''}})
+				authOauth2TokenUsingPost({
+          body: { clientId: '', ...data }, 
+          options: {
+            headers: {
+              isToken: true,
+              // Authorization: basicAuth,
+              'Content-Type': 'application/x-www-form-urlencoded',
+              'Authorization': 'Basic Y3VzdG9tUEM6Y3VzdG9tUEM='
+            }
+          }
+      })
 					.then((res: any) => {
-						// 存储token 信息
-            setToken(res.access_token)
+            // 存储token 信息
+						Session.set('token', res.access_token);
+						Session.set('refresh_token', res.refresh_token);
 						resolve(res)
 					})
 					.catch((err) => {

src/renderer/utils/auth.ts

@@ -1,15 +0,0 @@
-import Cookies from 'js-cookie'
-
-const TokenKey = 'Nianxx-Token'
-
-export function getToken() {
-  return Cookies.get(TokenKey)
-}
-
-export function setToken(token: string) {
-  return Cookies.set(TokenKey, token)
-}
-
-export function removeToken() {
-  return Cookies.remove(TokenKey)
-}

src/renderer/utils/other.ts

@@ -0,0 +1,32 @@
+import * as CryptoJS from 'crypto-js';
+
+/**
+ *加密处理
+ */
+export function encryption(src: string, keyWord: string) {
+    const key = CryptoJS.enc.Utf8.parse(keyWord);
+    // 加密
+    var encrypted = CryptoJS.AES.encrypt(src, key, {
+        iv: key,
+        mode: CryptoJS.mode.CFB,
+        padding: CryptoJS.pad.NoPadding,
+    });
+    return encrypted.toString();
+}
+
+/**
+ *  解密
+ * @param {*} params 参数列表
+ * @returns 明文
+ */
+export function decryption(src: string, keyWord: string) {
+    const key = CryptoJS.enc.Utf8.parse(keyWord);
+    // 解密逻辑
+    var decryptd = CryptoJS.AES.decrypt(src, key, {
+        iv: key,
+        mode: CryptoJS.mode.CFB,
+        padding: CryptoJS.pad.NoPadding,
+    });
+
+    return decryptd.toString(CryptoJS.enc.Utf8);
+}

src/renderer/utils/request.ts

@@ -2,7 +2,7 @@ import axios from 'axios'
 import cache from '@utils/cache'
 import errorCode from '@constant/errorCode'
 import { ElNotification , ElMessageBox, ElMessage } from 'element-plus'
-import { getToken } from '@utils/auth'
+import { Session } from '@renderer/utils/storage'
 import { tansParams } from '@utils/tansParams'
 
 // 获取.env中的服务地址
@@ -28,9 +28,12 @@ instance.interceptors.request.use(
     const isToken = (config.headers || {}).isToken === false
     // 是否需要防止数据重复提交
     const isRepeatSubmit = (config.headers || {}).repeatSubmit === false
-    if (getToken() && !isToken) {
-      config.headers['Authorization'] = 'Bearer ' + getToken() // 让每个请求携带自定义token 请根据实际情况自行修改
+    const token = Session.getToken();
+    
+    if (token && !isToken) {
+      config.headers['Authorization'] = `Bearer ${token}` // 让每个请求携带自定义token 请根据实际情况自行修改
     }
+
     // get请求映射params参数
     if (config.method === 'get' && config.params) {
       let url = config.url + '?' + tansParams(config.params)

src/renderer/utils/storage.ts

@@ -0,0 +1,85 @@
+import Cookies from 'js-cookie';
+
+/**
+ * window.localStorage 浏览器永久缓存
+ * @method set 设置永久缓存
+ * @method get 获取永久缓存
+ * @method remove 移除永久缓存
+ * @method clear 移除全部永久缓存
+ */
+export const Local = {
+	// 查看 v2.4.3版本更新日志
+	setKey(key: string) {
+		// @ts-ignore
+		return `${__NEXT_NAME__}:${key}`;
+	},
+
+	// 设置永久缓存
+	set<T>(key: string, val: T) {
+		window.localStorage.setItem(Local.setKey(key), JSON.stringify(val));
+	},
+
+	// 获取永久缓存
+	get(key: string) {
+		let json = <string>window.localStorage.getItem(Local.setKey(key));
+		return JSON.parse(json);
+	},
+
+	// 移除永久缓存
+	remove(key: string) {
+		window.localStorage.removeItem(Local.setKey(key));
+	},
+  
+	// 移除全部永久缓存
+	clear() {
+		window.localStorage.clear();
+	},
+};
+
+/**
+ * window.sessionStorage 浏览器临时缓存
+ * @method set 设置临时缓存
+ * @method get 获取临时缓存
+ * @method remove 移除临时缓存
+ * @method clear 移除全部临时缓存
+ */
+export const Session = {
+	// 设置临时缓存
+	set(key: string, val: any) {
+		if (key === 'token' || key === 'refresh_token') {
+			Cookies.set(key, val);
+		}
+		window.sessionStorage.setItem(key, JSON.stringify(val));
+	},
+
+	// 获取临时缓存
+	get(key: string) {
+		if (key === 'token' || key === 'refresh_token') return Cookies.get(key);
+		let json = <string>window.sessionStorage.getItem(key);
+		return JSON.parse(json);
+	},
+
+	// 移除临时缓存
+	remove(key: string) {
+		if (key === 'token' || key === 'refresh_token') return Cookies.remove(key);
+		window.sessionStorage.removeItem(key);
+	},
+
+	// 移除全部临时缓存
+	clear() {
+		Cookies.remove('token');
+		Cookies.remove('refresh_token');
+		Cookies.remove('tenantId');
+		window.sessionStorage.clear();
+	},
+
+	// 获取当前存储的 token
+	getToken() {
+		return this.get('token');
+	},
+
+	// 获取当前的租户
+	getTenant() {
+		return Local.get('tenantId') ? Local.get('tenantId') : 1;
+	},
+};