前端 vue+crypto-js aes 加密解密

前端 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);