Vue中使用AES加密数据

前端

要引用elementui和 CryptoJS 

//安装
npm install crypto-js --save-dev

 

import CryptoJS from 'crypto-js';
 	//向量
//密钥
const key = CryptoJS.enc.Utf8.parse("1234567890123456");
//向量
const iv = CryptoJS.enc.Utf8.parse("abcdefghijklmnop");
export default {
    //加密
    encrypt(word) {
				let srcs = CryptoJS.enc.Utf8.parse(word);
				//设置加密密钥、向量、类型、填充
				let encrypted = CryptoJS.AES.encrypt(srcs, key, {
						iv: iv,
						mode: CryptoJS.mode.ECB,
						padding: CryptoJS.pad.Pkcs7
				});
				//返回Base64的密文
				return encrypted.ciphertext.toString(CryptoJS.enc.Base64);
    },
    //解密
    decrypt(word) {
       //接收密文转Base64
			let encryptedBaseStr = CryptoJS.enc.Base64.parse(word);
			let srcs = CryptoJS.enc.Base64.stringify(encryptedBaseStr);
			let decrypt = CryptoJS.AES.decrypt(srcs, key, {
					iv: iv,
					mode: CryptoJS.mode.ECB,
					padding: CryptoJS.pad.Pkcs7
			});
			let decryptedStr = decrypt.toString(CryptoJS.enc.Utf8);
			return decryptedStr.toString();
    }
}

vue 页面中去使用