vue使用crypto实现AES对称加密解密

注意：以下示例代码为在vue中的用法

第一步：安装crypto-js

npm install crypto-js

第二步: 封装加密和解密函数

const crypto = require('crypto');//引入crypto
const key = crypto.pbkdf2Sync("string1", "string2", 2, 16, 'sha1')//生成加密解密密匙的函数
// string1和string2是自定义的作为密匙的字符串
// 2 是设置迭代次数的，次数越高生成的密匙越安全
// 16 是设置字节长度的（16或32之类的）
// sha1 指定模式
const algorithm = 'aes-128-cbc'//指定算法
const VIPARA = '1269571869323222'//初始化向量，可以空
const UTF_8 = 'utf-8'//输入的编码格式
const cipherEncoding = 'base64'//输出的编码格式

// 加密
function getAes(content){
	const cipher = crypto.createCipheriv(algorithm, key, VIPARA)//生成一个cipher对象
	let encStr = cipher.update(content, UTF_8, cipherEncoding);
	//content 是要加密的内容
	encStr  += cipher.final(cipherEncoding)
	return encStr
};

// 解密
function jieAes(text){
	const decipher = crypto.createDecipheriv(algorithm, key, VIPARA)//生成decipher对象
	let decstr = decipher.update(text, cipherEncoding, UTF_8)
	decstr += decipher.final(UTF_8)
	// text是要解密的内容
	return decstr
};

第三步: 调用加密和解密函数

let content="zhangsan";
let endSting=getAes(content);
let beginString=jieAes(endSting);
console.log("需要加密的内容",content);// zhangsan
console.log("加密后的内容",endSting);// Y80senwIsxVrBg9QUPZh7w==
console.log("解密后的内容",beginString);// zhangsan