登录国密sm4改造

package.json

@@ -40,7 +40,7 @@
     "axios": "0.24.0",
     "clipboard": "2.0.8",
     "core-js": "3.25.3",
-    "crypto-js": "4.1.1",
+    "crypto-js": "^4.1.1",
     "echarts": "5.4.0",
     "element-ui": "2.15.14",
     "file-saver": "2.0.5",
@@ -52,6 +52,7 @@
     "nprogress": "0.2.0",
     "quill": "1.3.7",
     "screenfull": "5.0.2",
+    "sm-crypto": "^0.3.13",
     "sortablejs": "1.10.2",
     "vue": "2.6.12",
     "vue-count-to": "1.0.13",

src/api/login.js

@@ -1,9 +1,6 @@
 import request from '@/utils/request'
-import { encrypt } from '@/utils/jsencrypt'
-
 // 登录方法
 export function login(username, password, code) {
-  password = encrypt(password);
   const data = {
     username,
     password,
@@ -55,3 +52,11 @@ export function isCaptchaEnabled() {
     method: 'get'
   })
 }
+
+// 获取key
+export function getPublicKey() {
+  return request({
+    url: '/publicKey',
+    method: 'get',
+  })
+}

src/api/sm4.js

@@ -0,0 +1,17 @@
+const sm4 =require('sm-crypto').sm4
+
+//const key='7f5cd501e5548914edaed6824d3ff79d'//可以为16进制串或字节数组，要求为128比特
+/**
+ * 加密
+ * @param txt
+ * @returns {*}
+ */
+export function encrypt(txt,key) {
+  console.log(txt)
+  console.log(key)
+  return sm4.encrypt(txt,key);
+}
+
+export function decrypt(txt,key) {
+  return sm4.decrypt(txt,key);
+}

src/store/modules/user.js

@@ -1,5 +1,6 @@
-import { login, logout, getInfo } from '@/api/login'
+import {login, logout, getInfo, getPublicKey} from '@/api/login'
 import { getToken, setToken, removeToken } from '@/utils/auth'
+import {encrypt} from "@/api/sm4";
 
 const user = {
   state: {
@@ -33,23 +34,39 @@ const user = {
   },
 
   actions: {
+    getPublicKey() {
+      return new Promise((resolve, reject) => {
+        getPublicKey()
+          .then(res => {
+            resolve(res)
+          })
+          .catch(error => {
+            reject(error)
+          })
+      })
+    },
     // 登录
-    Login({ commit }, userInfo) {
+    Login({ commit, dispatch }, userInfo) {
+      return new Promise((resolve, reject) => {
+        dispatch('getPublicKey').then(res => {
+          let publicKey = res
           const username = userInfo.username.trim()
-      const password = userInfo.password
+          //调用加密方法(传密码和公钥)
+          const password = encrypt(userInfo.password,publicKey)
           const code = userInfo.code
-      return new Promise((resolve, reject) => {
-        login(username, password, code).then(res => {
+          const uuid = userInfo.uuid
+          login(username, password, code, uuid)
+            .then(res => {
               setToken(res.token)
               commit('SET_TOKEN', res.token)
               resolve()
-        }).catch(error => {
+            })
+            .catch(error => {
               reject(error)
             })
         })
+      })
     },
-
-
     // 获取用户信息
     GetInfo({ commit, state }) {
       return new Promise((resolve, reject) => {

src/views/register.vue

@@ -77,7 +77,8 @@
 </template>
 
 <script>
-import { getCodeImg, register } from "@/api/login";
+import {getCodeImg, getPublicKey, register} from "@/api/login";
+import {encrypt} from "@/api/sm4";
 export default {
   name: "Register",
   dicts: [ 'rew_apply_type'],
@@ -134,26 +135,44 @@ export default {
         }
       });
     },
+    getPublicKey() {
+      return new Promise((resolve, reject) => {
+        getPublicKey()
+          .then(res => {
+            resolve(res)
+          })
+          .catch(error => {
+            reject(error)
+          })
+      })
+    },
     handleRegister() {
       this.$refs.registerForm.validate(valid => {
         if (valid) {
-          this.loading = true;
+          this.getPublicKey().then(res => {
+            let publicKey = res
+            this.registerForm.password = encrypt(this.registerForm.password, publicKey)
+            this.registerForm.confirmPassword = encrypt(this.registerForm.confirmPassword, publicKey)
+            this.loading = true
             register(this.registerForm).then(res => {
-            const username = this.registerForm.username;
-            this.$alert("<font color='red'>恭喜你，您的账号 " + username + " 注册成功！</font>", '系统提示', {
+              const username = this.registerForm.username
+              this.$alert('<font color=\'red\'>恭喜你，您的账号 ' + username + ' 注册成功！</font>', '系统提示', {
                 dangerouslyUseHTMLString: true,
                 type: 'success'
               }).then(() => {
-              this.$router.push("/login");
-            }).catch(() => {});
+                this.$router.push('/login')
+              }).catch(() => {
+              })
             }).catch(() => {
-            this.loading = false;
+              this.loading = false
               if (this.captchaEnabled) {
-              this.getCode();
+                this.getCode()
               }
             })
+          })
+
         }
-      });
+      })
     }
   }
 };

src/views/system/user/profile/resetPwd.vue

@@ -18,6 +18,8 @@
 
 <script>
 import { updateUserPwd } from "@/api/system/user";
+import {encrypt} from "@/api/sm4";
+import {getPublicKey} from "@/api/login";
 
 export default {
   data() {
@@ -52,12 +54,30 @@ export default {
     };
   },
   methods: {
+    getPublicKey() {
+      return new Promise((resolve, reject) => {
+        getPublicKey()
+          .then(res => {
+            resolve(res)
+          })
+          .catch(error => {
+            reject(error)
+          })
+      })
+    },
     submit() {
       this.$refs["form"].validate(valid => {
         if (valid) {
-          updateUserPwd(this.user.oldPassword, this.user.newPassword).then(response => {
+          this.getPublicKey().then(res=>{
+            let publicKey = res
+            const oldPassword = encrypt(this.user.oldPassword, publicKey)
+            const newPassword = encrypt(this.user.newPassword, publicKey)
+            updateUserPwd(oldPassword, newPassword).then(
+              response => {
                 this.$modal.msgSuccess("修改成功");
-          });
+              }
+            );
+          })
         }
       });
     },