前端 vue+crypto-js AES 加密解密
前文:
针对项目CNAS测评,对项目漏洞扫面进行消缺,拟采用前后端进行接口加密处理,采用的是 AES + BASE64 算法加密~
这里我推荐一篇AES算法的理解:[https://blog.csdn.net/qq_28205153/article/details/55798628]
具体实现:
首先安装 crypto-js
npm i crypto-js
其次在 utils 下建立secret.js
import CryptoJS from 'crypto-js'
// 默认的 KEY 与 iv 如果没有给
const KEY = CryptoJS.enc.Utf8.parse("2021091815563001");
const IV = CryptoJS.enc.Utf8.parse('2021091815563002');
/**
* AES加密 :字符串 key iv 返回base64
*/
export function Encrypt(word, keyStr, ivStr) {
let key = KEY;
let iv = IV;
if (keyStr) {
key = CryptoJS.enc.Utf8.parse(keyStr);
iv = CryptoJS.enc.Utf8.parse(ivStr);
}
let srcs = CryptoJS.enc.Utf8.parse(word);
var encrypted = CryptoJS.AES.encrypt(srcs, key, {
iv: iv,
mode: CryptoJS.mode.CBC,
padding: CryptoJS.pad.ZeroPadding
});
return CryptoJS.enc.Base64.stringify(encrypted.ciphertext);
}
/**
* AES 解密 :字符串 key iv 返回base64
*
* @return {string}
*/
export function Decrypt(word, keyStr, ivStr) {
let key = KEY;
let iv = IV;
if (keyStr) {
key = CryptoJS.enc.Utf8.parse(keyStr);
iv = CryptoJS.enc.Utf8.parse(ivStr);
}
let base64 = CryptoJS.enc.Base64.parse(word);
let src = CryptoJS.enc.Base64.stringify(base64);
let decrypt = CryptoJS.AES.decrypt(src, key, {
iv: iv,
mode: CryptoJS.mode.CBC,
padding: CryptoJS.pad.ZeroPadding
});
let decryptedStr = decrypt.toString(CryptoJS.enc.Utf8);
return decryptedStr.toString();
}
使用:
import { Encrypt } from "@/utils/secret.js";
let param = {
userAccount: this.loginForm.username,
userPassword: Encrypt(this.loginForm.password), //密码加密
// password:this.loginForm.password
};
console.log("password", param);