vue aes加密

1.npm install crypto-js --save-dev

2. 新建一个.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 : 'xxxx@2.00.2@yyyy'; //判断是否存在ksy，不存在就用定义好的key

    var key = CryptoJS.enc.Utf8.parse(keyStr);

    var viStr = key;//偏移量

    let srcs = CryptoJS.enc.Utf8.parse(word);

    let encrypted = CryptoJS.AES.encrypt(srcs, key, { iv: viStr, 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 : 'xxxx@2.00.2@yyyy';

    var key = CryptoJS.enc.Utf8.parse(keyStr);

    var viStr = key;//偏移量

    let encryptedHexStr = CryptoJS.enc.Hex.parse(word);

    let srcs = CryptoJS.enc.Base64.stringify(encryptedHexStr);

    var decrypt = CryptoJS.AES.decrypt(srcs, key, { iv: viStr, mode: CryptoJS.mode.CBC, padding: CryptoJS.pad.Pkcs7 });

    var res = decrypt.toString(CryptoJS.enc.Utf8).toString();

    // console.log('解密结果 res=',res);

    return res;

    // return CryptoJS.enc.Utf8.stringify(decrypt).toString();

}

/**

 * 随机生成指定数量的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;

}

3.在main.js 中引入，挂载

import {encryptAES, decryptAES, generatekeyAES} from './components/common/AES'

Vue.prototype.$encryptAES = encryptAES;

Vue.prototype.$decryptAES = decryptAES;

Vue.prototype.$generatekeyAES = generatekeyAES;

4. 使用

this.$encryptAES(data); //加密