refact(auth): login password with encode

Author: Matrix-X

src/api/auth.ts

@@ -1,4 +1,5 @@
 import axios from 'axios';
+import { encodePassword } from '@/utils/security';
 
 export interface LoginRequest {
   userName?: string;
@@ -22,10 +23,14 @@ export interface ExchangeReply {
   refreshToken: string;
 }
 
-export function login(request: LoginRequest) {
+export async function login(request: LoginRequest) {
+  const requestLogin = {
+    ...request,
+    password: await encodePassword(request.password),
+  };
   return axios.post<LoginReply>(
     '/api/v1/admin/auth/access/actions/basic-login',
-    request,
+    requestLogin,
   );
 }
 

src/components/navbar/index.vue

@@ -7,7 +7,7 @@
           :style="{ margin: 0, fontSize: '18px' }"
           :heading="5"
         >
-          PowerX Dashboard
+          PowerX Dashboard - {{ PowerXVersion }}
         </a-typography-title>
         <icon-menu-fold
           v-if="!topMenu && appStore.device === 'mobile'"

src/store/modules/app/index.ts

@@ -1,17 +1,11 @@
 import { defineStore } from 'pinia';
 import { Notification } from '@arco-design/web-vue';
-import type { NotificationReturn } from '@arco-design/web-vue/es/notification/interface';
+
 import type { RouteRecordNormalized } from 'vue-router';
 import defaultSettings from '@/config/settings.json';
 import { getMenuList } from '@/api/userinfo';
 import { AppState } from './types';
 
-const sessionPrefix = 'app';
-
-function formatSessionKey(key: string) {
-  return `${sessionPrefix}:${key}`;
-}
-
 const useAppStore = defineStore('app', {
   state: (): AppState => ({ ...defaultSettings }),
 
@@ -54,22 +48,21 @@ const useAppStore = defineStore('app', {
     },
     // 获取服务器菜单配置
     async fetchServerMenuConfig() {
-      let notifyInstance: NotificationReturn | null = null;
       try {
-        notifyInstance = Notification.info({
+        Notification.info({
           id: 'menuNotice',
           content: '加载中',
           closable: true,
         });
         const { data } = await getMenuList();
         this.serverMenu = data;
-        notifyInstance = Notification.success({
+        Notification.success({
           id: 'menuNotice',
           content: '成功',
           closable: true,
         });
       } catch (error) {
-        notifyInstance = Notification.error({
+        Notification.error({
           id: 'menuNotice',
           content: '错误',
           closable: true,

src/utils/security.ts

@@ -0,0 +1,19 @@
+export const encodePassword = async (data: string): Promise<string> => {
+  const encoder = new TextEncoder();
+  const dataBuffer = encoder.encode(data);
+  const hashBuffer = await crypto.subtle.digest('SHA-256', dataBuffer);
+  const hashArray = Array.from(new Uint8Array(hashBuffer));
+  const hashHex = hashArray
+    .map((b) => b.toString(16).padStart(2, '0'))
+    .join('');
+  return hashHex;
+};
+
+// 验证密码函数
+export const verifyPassword = async (
+  plainPassword: string,
+  hashedPassword: string,
+): Promise<boolean> => {
+  const encryptedPassword = await encodePassword(plainPassword);
+  return encryptedPassword === hashedPassword;
+};