记住密码

config/index.js

@@ -13,9 +13,11 @@ module.exports = {
       "/api": {
         // 请求的目标主机
         //target: 'http://116.255.135.38:8081/nsgk_test/',
+        target: 'http://192.168.31.196:8080/nsgk_test/',
         //target: 'http://localhost:8080/',
-        //target:'192.168.31.228:8080',
-        target:'http://localhost:8080',
+         //target:'http://192.168.31.227:8080/',//夏哥
+        //target:'http://192.168.31.228:8080/',//靖凯
+        //target:'http://localhost:8080',
         changeOrigin: true,
         pathRewrite: {
           '^/api': ''
@@ -24,8 +26,8 @@ module.exports = {
     },
 
     // Various Dev Server settings
-    host: '192.168.31.228', // can be overwritten by process.env.HOST
-    port: 85, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
+    host: '0.0.0.0', // can be overwritten by process.env.HOST
+    port: 8080, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
     autoOpenBrowser: false,
     errorOverlay: true,
     notifyOnErrors: true,

src/utils/jsencrypt.js

@@ -0,0 +1,30 @@
+import JSEncrypt from 'jsencrypt/bin/jsencrypt.min'
+
+// 密钥对生成 http://web.chacuo.net/netrsakeypair
+
+const publicKey = 'MFwwDQYJKoZIhvcNAQEBBQADSwAwSAJBAKoR8mX0rGKLqzcWmOzbfj64K8ZIgOdH\n' +
+  'nzkXSOVOZbFu/TJhZ7rFAN+eaGkl3C4buccQd/EjEsj9ir7ijT7h96MCAwEAAQ=='
+
+const privateKey = 'MIIBVAIBADANBgkqhkiG9w0BAQEFAASCAT4wggE6AgEAAkEAqhHyZfSsYourNxaY\n' +
+  '7Nt+PrgrxkiA50efORdI5U5lsW79MmFnusUA355oaSXcLhu5xxB38SMSyP2KvuKN\n' +
+  'PuH3owIDAQABAkAfoiLyL+Z4lf4Myxk6xUDgLaWGximj20CUf+5BKKnlrK+Ed8gA\n' +
+  'kM0HqoTt2UZwA5E2MzS4EI2gjfQhz5X28uqxAiEA3wNFxfrCZlSZHb0gn2zDpWow\n' +
+  'cSxQAgiCstxGUoOqlW8CIQDDOerGKH5OmCJ4Z21v+F25WaHYPxCFMvwxpcw99Ecv\n' +
+  'DQIgIdhDTIqD2jfYjPTY8Jj3EDGPbH2HHuffvflECt3Ek60CIQCFRlCkHpi7hthh\n' +
+  'YhovyloRYsM+IS9h/0BzlEAuO0ktMQIgSPT3aFAgJYwKpqRYKlLDVcflZFCKY7u3\n' +
+  'UP8iWi1Qw0Y='
+
+// 加密
+export function encrypt(txt) {
+  const encryptor = new JSEncrypt()
+  encryptor.setPublicKey(publicKey) // 设置公钥
+  return encryptor.encrypt(txt) // 对数据进行加密
+}
+
+// 解密
+export function decrypt(txt) {
+  const encryptor = new JSEncrypt()
+  encryptor.setPrivateKey(privateKey) // 设置私钥
+  return encryptor.decrypt(txt) // 对数据进行解密
+}
+

src/views/login.vue

@@ -50,6 +50,9 @@
                 <img class="code-img" :src="codeUrl" @click="getCode" />
               </template>
             </van-field>
+            <van-checkbox style="float: left;margin-top:10px;margin-left:20px;" v-model="formData.rememberMe" shape="square">{{showMessage ? "记住手机号" : "记住密码"}}</van-checkbox>
+            <p style="float: right;margin-top:10px;margin-right:20px;color:#1D6FE9 ">忘记密码</p>
+            <div class="clear"></div>
           </div>
           <div v-show="isSmsLogin">
             <van-field
@@ -108,6 +111,7 @@
 <script>
 import { getCodeImg, getSmsCode } from "@/api/login";
 import Cookies from "js-cookie";
+import { encrypt, decrypt } from "../utils/jsencrypt";
 //引用wx sdk
 import wx from "weixin-js-sdk";
 export default {
@@ -123,6 +127,7 @@ export default {
         uuid: null, //识别uuid
         mobile: null, //手机号
         smsCode: null, //短信验证码
+        rememberMe:false
       },
       loading: false,
       codeUrl: "", //验证码
@@ -134,6 +139,7 @@ export default {
   created() {
     this.getCode();
     this.height = document.body.clientHeight
+    this.getCookie();
     //调用微信公众号方法
     // wx.config({
     //     debug: true, // 开启调试模式,
@@ -152,6 +158,17 @@ export default {
         this.codeUrl = "data:image/gif;base64," + res.img;
       });
     },
+    getCookie() {
+      const username = Cookies.get("username");
+      const password = Cookies.get("password");
+      const rememberMe = Cookies.get("rememberMe");
+      this.formData = {
+        username: username === undefined ? this.formData.username : username,
+        password:
+          password === undefined ? this.formData.password : decrypt(password),
+        rememberMe: rememberMe === undefined ? false : Boolean(rememberMe),
+      };
+    },
     getSmsCode() {
       if (!this.computeTime) {
         let myreg = /^[1][3,4,5,7,8,9][0-9]{9}$/;
@@ -203,6 +220,15 @@ export default {
             this.loading = false;
           });
       } else {
+        if (this.formData.rememberMe) {
+          Cookies.set("username", this.formData.username, { expires: 30 });
+          Cookies.set("password", encrypt(this.formData.password), { expires: 30 });
+          Cookies.set("rememberMe", this.formData.rememberMe, { expires: 30 });
+        } else {
+          Cookies.remove("username");
+          Cookies.remove("password");
+          Cookies.remove("rememberMe");
+        }
         //账号密码登录
         if (this.formData.username == "") {
           this.$dialog.alert({

src/views/onlineHomeLogin.vue

@@ -30,7 +30,9 @@
               <img style="width: 100px" :src="codeUrl" @click="getCode" />
             </template>
           </van-field>
-          <p style="text-align: right;margin-top:10px;margin-right:20px;color:#1D6FE9 ">忘记密码</p>
+          <van-checkbox style="float: left;margin-top:10px;margin-left:20px;" v-model="formData.rememberMe" shape="square">{{showMessage ? "记住手机号" : "记住密码"}}</van-checkbox>
+          <p style="float: right;margin-top:10px;margin-right:20px;color:#1D6FE9 ">忘记密码</p>
+          <div class="clear"></div>
           <div style="margin: 50px 16px 16px;">
             <van-button block type="info" native-type="submit" @click="handleLogin">登录</van-button>
             <p style="text-align: center;margin-top: 20px;color:#878787 " @click="showMessagePop">短信验证码登录</p>
@@ -193,6 +195,7 @@
 <script>
 import { getCodeImg, getSmsCode ,getRegisterSmsCode,registerCheck,registerOn} from "../api/login";
 import Cookies from "js-cookie";
+import { encrypt, decrypt } from "../utils/jsencrypt";
 //引用wx sdk
 import wx from "weixin-js-sdk";
 export default {
@@ -211,6 +214,7 @@ export default {
         smsCode: null, //短信验证码
         memberName:null, //身份信息
         idcard:null, //身份号码
+        rememberMe:false
       },
       loading: false,
       codeUrl: "", //验证码
@@ -221,6 +225,7 @@ export default {
   },
   created() {
     this.getCode();
+    this.getCookie();
     this.reset();
   },
   methods: {
@@ -239,6 +244,17 @@ export default {
         this.codeUrl = "data:image/gif;base64," + res.img;
       });
     },
+    getCookie() {
+      const username = Cookies.get("username");
+      const password = Cookies.get("password");
+      const rememberMe = Cookies.get("rememberMe");
+      this.formData = {
+        username: username === undefined ? this.formData.username : username,
+        password:
+          password === undefined ? this.formData.password : decrypt(password),
+        rememberMe: rememberMe === undefined ? false : Boolean(rememberMe),
+      };
+    },
     getSmsCode() {
       if (this.formData.code == "") {
         this.$dialog.alert({
@@ -297,6 +313,15 @@ export default {
             this.loading = false;
           });
       } else {
+        if (this.formData.rememberMe) {
+          Cookies.set("username", this.formData.username, { expires: 30 });
+          Cookies.set("password", encrypt(this.formData.password), { expires: 30 });
+          Cookies.set("rememberMe", this.formData.rememberMe, { expires: 30 });
+        } else {
+          Cookies.remove("username");
+          Cookies.remove("password");
+          Cookies.remove("rememberMe");
+        }
         //账号密码登录
         if (this.formData.username == "") {
           this.$dialog.alert({