feat: 新增代码加密

package.json

@@ -70,6 +70,7 @@
     "codemirror": "^5.65.19",
     "codemirror-editor-vue3": "^2.8.0",
     "cropperjs": "^1.6.2",
+    "crypto-js": "^4.2.0",
     "dayjs": "^1.11.13",
     "deep-chat": "^2.1.1",
     "echarts": "^5.6.0",

pnpm-lock.yaml

@@ -71,6 +71,9 @@ importers:
       cropperjs:
         specifier: ^1.6.2
         version: 1.6.2
+      crypto-js:
+        specifier: ^4.2.0
+        version: 4.2.0
       dayjs:
         specifier: ^1.11.13
         version: 1.11.13
@@ -2599,6 +2602,9 @@ packages:
     resolution: {integrity: sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==}
     engines: {node: '>= 8'}
 
+  crypto-js@4.2.0:
+    resolution: {integrity: sha512-KALDyEYgpY+Rlob/iriUtjV6d5Eq+Y191A5g4UqLAi8CyGP9N1+FdVbkc1SxKc2r4YAYqG8JzO2KGL+AizD70Q==}
+
   css-declaration-sorter@7.2.0:
     resolution: {integrity: sha512-h70rUM+3PNFuaBDTLe8wF/cdWu+dOZmb7pJt8Z2sedYbAcQVQV/tEchueg3GWxwqS0cxtbxmaHEdkNACqcvsow==}
     engines: {node: ^14 || ^16 || >=18}
@@ -8519,6 +8525,8 @@ snapshots:
       shebang-command: 2.0.0
       which: 2.0.2
 
+  crypto-js@4.2.0: {}
+
   css-declaration-sorter@7.2.0(postcss@8.5.3):
     dependencies:
       postcss: 8.5.3

src/views/login/index.vue

@@ -33,6 +33,8 @@ import LoginRegist from "./components/LoginRegist.vue";
 import LoginUpdate from "./components/LoginUpdate.vue";
 // 引入二维码登录组件
 import LoginQrCode from "./components/LoginQrCode.vue";
+// 引入加密相关的第三方库
+import MD5 from "crypto-js/md5";
 // 引入用户状态管理 hook
 import { useUserStoreHook } from "@/store/modules/user";
 // 引入路由初始化和获取顶部菜单的工具函数
@@ -129,10 +131,11 @@ const onLogin = async (formEl: FormInstance | undefined) => {
     if (valid) {
       // 验证通过，设置加载状态
       loading.value = true;
+      console.log("ruleForm", ruleForm);
       useUserStoreHook()
         .loginByUsername({
           username: ruleForm.username,
-          password: ruleForm.password
+          password: MD5(ruleForm.password).toString()
         })
         .then(res => {
           if (res.status === 200 || res.success) {
@@ -140,7 +143,7 @@ const onLogin = async (formEl: FormInstance | undefined) => {
             setToken({
               accessToken: res.data.jwt,
               refreshToken: res.data.refreshToken,
-              expires: res.data.expires.getTime()
+              expires: res.data.expires
               // expires: new Date(Date.now() + 9999999 * 1000)
             });
             console.log("getToken", getToken);