记住密码
AES加密存储,解密获取
1、引入文件
import CryptoJS from 'crypto-js/crypto-js'; // 引入crypto-js/crypto-js 加密算法类库
import { setStore,getStore } from '@/util/store';
2、定义默认值
// 默认的 KEY 与 iv 如果没有给
const KEY = CryptoJS.enc.Utf8.parse('QwdsFGxcV18529Uq'); // 十六位十六进制数作为密钥
const IV = CryptoJS.enc.Utf8.parse('ASDFtgd1234567FG'); // 十六位十六进制数作为密钥偏移量
3、加密存储
//加密
Encrypt(word, keyStr, ivStr) {
let key = KEY;
let iv = IV;
if (keyStr) {
key = CryptoJS.enc.Utf8.parse(keyStr);
iv = CryptoJS.enc.Utf8.parse(ivStr);
}
const srcs = CryptoJS.enc.Utf8.parse(word);
const encrypted = CryptoJS.AES.encrypt(srcs, key, {
iv, // 偏移量
mode: CryptoJS.mode.CBC,
padding: CryptoJS.pad.ZeroPadding
});
return CryptoJS.enc.Base64.stringify(encrypted.ciphertext);
}
......
//如果勾选记住密码,则加密存到本地,否则清空本地存储
if (userInfo.checked) {
localStorage.setItem(
'psd',
this.Encrypt(user.password)
);
localStorage.setItem(
'name',
this.Encrypt(user.username)
);
localStorage.setItem(
'check',
this.Encrypt(user.checked)
);
} else {
localStorage.removeItem('psd');
localStorage.removeItem('name');
localStorage.removeItem('check');
}
4、解密获取
//解密
Decrypt(word, keyStr, ivStr) {
let key = KEY;
let iv = IV;
if (keyStr) {
key = CryptoJS.enc.Utf8.parse(keyStr);
iv = CryptoJS.enc.Utf8.parse(ivStr);
}
const base64 = CryptoJS.enc.Base64.parse(word);
const src = CryptoJS.enc.Base64.stringify(base64);
const decrypt = CryptoJS.AES.decrypt(src, key, {
iv,
mode: CryptoJS.mode.CBC,
padding: CryptoJS.pad.ZeroPadding
});
const decryptedStr = decrypt.toString(CryptoJS.enc.Utf8);
return decryptedStr.toString();
}
.......
const psd = this.Decrypt(localStorage.getItem('psd'));
const name = this.Decrypt(localStorage.getItem('name'));
const checked = this.Decrypt(localStorage.getItem('check'));