【文件属性】:
文件名称:vue登录页-记住密码功能
文件大小:1KB
文件格式:JS
更新时间:2021-10-05 12:17:16
Vue jsencrypt encrypt decrypt Cookies
vue登录页-记住密码功能
1.下载jsencrypt 加密解密插件
npm install jsencrypt --dev
2.引用src-utils -jsencrypt.js文件,
3.登录页先引用-代码如下
import Cookies from 'js-cookie'//cook引用 2021-08-09
import { encrypt, decrypt } from '@/utils/jsencrypt'//rememberMe-password加密
1.加载页面使用getCookie存下
created(){
this.getCookie();
},
getCookie() {//rememberMe功能
const username = Cookies.get("username");
const password = Cookies.get("password");
const rememberMe = Cookies.get('rememberMe')
this.loginForm = {
username: username === undefined ? this.loginForm.username : username,
password: password === undefined ? this.loginForm.password : decrypt(password),
rememberMe: rememberMe === undefined ? false : Boolean(rememberMe)
};
},
2.登录按钮里面写下面代码
if (this.loginForm.rememberMe) {//rememberMe功能
Cookies.set("username", this.loginForm.username, { expires: 30 });
Cookies.set("password", encrypt(this.loginForm.password), { expires: 30 });
Cookies.set('rememberMe', this.loginForm.rememberMe, { expires: 30 });
} else {
Cookies.remove("username");
Cookies.remove("password");
Cookies.remove('rememberMe');
}