vue 使用AES加密

一. 安装

npm i crypto-js --save

二. 创建AES.js 文件

import CryptoJS from 'crypto-js';
 

/**
 * AES加密
 * @param {*} word      当前有效参数
 * @param {*} keyStr    KEY值，加密的盐
 * @returns 
 */
export function encryptAES(word, keyStr) {
    // console.log('加密内容： word=',word);
    keyStr = keyStr ? keyStr : '[email protected]@TXgl'; //判断是否存在ksy，不存在就用定义好的key
    var key = CryptoJS.enc.Utf8.parse(keyStr);
    let srcs = CryptoJS.enc.Utf8.parse(word);
    let encrypted = CryptoJS.AES.encrypt(srcs, key, { iv: key, mode: CryptoJS.mode.CBC, padding: CryptoJS.pad.Pkcs7 });
    var res = encrypted.ciphertext.toString();
    // console.log('解密结果： res=',res);
    return res;
}

/**
 * AES解密
 * @param {*} word      被AES加密后的字符串
 * @param {*} keyStr    KEY值，解密的盐
 * @returns 
 */
export function decryptAES(word, keyStr) {
    // console.log('解密密文： word=',word);
    keyStr = keyStr ? keyStr : '[email protected]@TXgl';
    var key = CryptoJS.enc.Utf8.parse(keyStr);
    let encryptedHexStr = CryptoJS.enc.Hex.parse(word);
    let srcs = CryptoJS.enc.Base64.stringify(encryptedHexStr);
    var decrypt = CryptoJS.AES.decrypt(srcs, key, { iv: key, mode: CryptoJS.mode.CBC, padding: CryptoJS.pad.Pkcs7 });
    var res = decrypt.toString(CryptoJS.enc.Utf8).toString();
    // console.log('解密结果： res=',res);
    return res;
}

/**
 * 随机生成指定数量的16进制key
 * @param {*} num   指定KEY的位数
 * @returns 
 */
export function generatekeyAES(num) {
    let library = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
    let key = "";
    for (var i = 0; i < num; i++) {
        let randomPoz = Math.floor(Math.random() * library.length);
        key += library.substring(randomPoz, randomPoz + 1);
    }
    return key;
}

三. 引用

这里使用的是全局引入，也可以在使用的页面上引入使用。

在main.js 中引入。

import {encryptAES, decryptAES, generatekeyAES} from './utils/AES'//AES加密



//AES加密
Vue.prototype.$encryptAES = encryptAES;
Vue.prototype.$decryptAES = decryptAES;
Vue.prototype.$generatekeyAES = generatekeyAES;

四. 使用

let data = this.$encryptAES(res);