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); //加密