密码md5+salt加密

src/views/Login.vue

@@ -7,11 +7,11 @@
       <div class="content">
         <div class="groupcom">
           <i class="iicon user"></i>
-          <input type="text" name="username" placeholder="请输入您的邮箱" class="usercom" v-model="loginBody.email">
+          <input type="text" name="username" placeholder="请输入您的邮箱" class="usercom" v-model="loginEmail">
         </div>
         <div class="groupcom inputpwd">
           <i class="iicon pwd"></i>
-          <input type="password" placeholder="请输入密码" class="usercom" v-model="loginBody.password" @keyup.enter="Login">
+          <input type="password" placeholder="请输入密码" class="usercom" v-model="loginPassword" @keyup.enter="Login">
         </div>
         <div class="ground">
           <span class="ground-right">
@@ -117,24 +117,23 @@ export default {
       forget_rppassword:'',//确认新密码
       forget_yzm:'',//忘记密码验证码
       islogin:1,//1是登录，2是注册 3是忘记密码
-      loginBody: {//登录的数据
-        email: "",
-        password: "",
-      },
+      loginEmail: "",
+      loginPassword: "",
       isSaveLoginInfo:true,//是否记住密码
     }
   },
 
   mounted(){
     //加载存储的数据
-    this.loginBody.email = localStorage["username"];
-    this.loginBody.password = localStorage["password"];
+    console.log(md5('Wxk12345'+this.salt))
+    this.loginEmail = localStorage["username"];
+    this.loginPassword = localStorage["password"];
   },
   methods:{
     goShowPanel(num){//登录界面切换
       this.islogin=num;
-      this.loginBody.email = '';
-      this.loginBody.password = '';
+      this.loginEmail = '';
+      this.loginPassword = '';
       this.isSaveLoginInfo = '';
       this.show = true;
     },
@@ -210,7 +209,7 @@ export default {
         });
         return;
       }
-      axios.post(ApiConfig.Register,{"user":this.regist_email,"password":this.regist_password,"emailvcode":this.regist_yzm}).then(res => {
+      axios.post(ApiConfig.Register,{"user":this.regist_email,"password":md5(this.regist_password + this.salt),"emailvcode":this.regist_yzm}).then(res => {
         if(res.data.code === 200){
           this.$notify({
             title: '提示',
@@ -219,8 +218,8 @@ export default {
             duration:'2000',
           });
 
-          this.loginBody.email = this.regist_email;
-          this.loginBody.password = this.regist_password;
+          this.loginEmail = this.regist_email;
+          this.loginPassword = this.regist_password;
           this.isSaveLoginInfo = true;
           this.goShowPanel(1)
         }else{
@@ -243,7 +242,7 @@ export default {
     },
     //登录
     Login(){
-      if(this.loginBody.email==''||this.loginBody.password==''){
+      if(this.loginEmail==''||this.loginPassword==''){
         this.$notify({
           title: '提示',
           message: "请输入账号、密码",
@@ -252,7 +251,8 @@ export default {
         });
         return;
       }
-      axios.post(ApiConfig.Login,{"user":this.loginBody.email,"password":this.loginBody.password}).then(res => {
+      const password = localStorage["username"] === this.loginEmail && localStorage["password"] === this.loginPassword ? localStorage["password"] : md5(this.loginPassword + this.salt);
+      axios.post(ApiConfig.Login,{"user":this.loginEmail, "password": password}).then(res => {
         if(res.data.code === 200){
           this.$notify({
             title: '提示',
@@ -260,14 +260,13 @@ export default {
             type: 'success',
             duration:'2000',
           });
-
+          localStorage["password"] = this.isSaveLoginInfo ? password : "";
+          localStorage["username"] = this.loginEmail;
+          sessionStorage.setItem("isLogin",true);
           this.$router.push({
             path:'/monitor'
           })
 
-          this.doAfterlogin(res);
-          localStorage["username"] = this.loginBody.email;
-          sessionStorage.setItem("isLogin",true);
         }else{
           this.$notify({
               title: '提示',
@@ -289,20 +288,6 @@ export default {
         //this.$router.push({path:'/index'})
       })
     },
-    //记住密码
-    doAfterlogin(res){
-      if(res.data.code === 200){
-        if(this.isSaveLoginInfo){
-          localStorage["username"] = this.loginBody.email;
-          localStorage["password"] = this.loginBody.password;
-        }
-        else{
-          localStorage["username"] = "";
-          localStorage["password"] = "";
-        }
-        //sessionStorage.setItem('username', this.loginBody.email);
-      }
-    },
     //忘记密码
     forgetpassword(){
       //console.log(this.regist_email)
@@ -334,7 +319,7 @@ export default {
         });
         return;
       }
-      axios.post(ApiConfig.ResetPassword,{"user":this.forget_email,"password":this.forget_password,"emailvcode":this.forget_yzm}).then(res => {
+      axios.post(ApiConfig.ResetPassword,{"user":this.forget_email,"password": md5(this.forget_password+this.salt),"emailvcode":this.forget_yzm}).then(res => {
         // console.log(res)
         if(res.data.code === 200){
           this.$notify({
@@ -344,8 +329,8 @@ export default {
             duration:'2000',
           });
           this.goShowPanel(1)
-          //this.loginBody.email = this.forget_email;
-          //this.loginBody.password = this.forget_password;
+          //this.loginEmail = this.forget_email;
+          //this.loginPassword = this.forget_password;
           //this.isSaveLoginInfo = true;
         }else{
           this.$notify({
@@ -365,6 +350,11 @@ export default {
         });
       })
     },
+  },
+  watch: {
+    loginEmail(val) {
+      this.loginPassword = val === localStorage["username"] ? localStorage["password"] : '';
+    }
   }
 }
 </script>