Vue项目使用AES密码加密、解密

1、首先安装 crypto-js插件，安装命令如下：

 npm install  crypto-js -S

-S等同于--save，保存在package.json文件中，是在dependencies 下，
--save安装包信息将加入到dependencies（生产环境）中，生产阶段的依赖，也就是项目运行时的依赖，就是程序上线后仍然需要依赖；

-D等同于--save-dev，也保存在package.json文件中，是在devDependencies下，
--save-dev 安装包信息将加入到devDependencies（开发环境）中，开发阶段的依赖，就是我们在开发过程中需要的依赖，只在开发阶段起作用。

2、然后新建Encryption.js文件，封装自定义加密和解密的方法，并导出：

import CryptoJS from "crypto-js"
//秘钥, 建议设置其他的字符, 这里只是为了演示，一般长度是16位。这个是和后端约定好他们提供的
var key = CryptoJS.enc.Base64.parse("yRo44twHJ1gsaFq9TYdjAw=="); 
// 偏移量, 建议设置其他的字符, 这里只是为了演示，一般长度是16位。这个是和后端约定好他们提供的
var iv = CryptoJS.enc.Base64.parse("8wv90rBvMfOWRTCiFjES1w==");  
export default {
	//加密
	encrypt(data) {
		var srcs = CryptoJS.enc.Utf8.parse(data);
		var encrypted = CryptoJS.AES.encrypt(srcs, key, {
			iv: iv,
			mode: CryptoJS.mode.CBC,
			padding: CryptoJS.pad.Pkcs7
		});
		return encrypted.toString();
	},
	//解密
	decrypt(encrypted) { 
		var decrypted = CryptoJS.AES.decrypt(encrypted, key, {
			iv: iv,
			mode: CryptoJS.mode.CBC,
			padding: CryptoJS.pad.Pkcs7
		});
		return decrypted.toString(CryptoJS.enc.Utf8);
	}
}

3、直接在需要页面，引入使用：

//引入
import aec_secret from "@/components/common/utils/Encryption.js";

                    // let str = "Py+JUh+EJU1ayWIin+IMMA==";
					// 加密
					console.log("加密", aec_secret.encrypt(str));
					// 解密
					// console.log("jie密", aec_secret.decrypt(str));
 

//使用样列

 this.tableData = res.data.bo.data.map(x => {
						//手机号码、邮箱解密
						if (x.mobileno) {
							x.mobileno = aec_secret.decrypt(x.mobileno);
						}
						if (x.oemail) {
							x.oemail = aec_secret.decrypt(x.oemail);
						}
						return x;
					});

//邮箱、手机号码加密
			// if (this.formData.oemail != "") {
			// 	this.formData.oemail = aec_secret.encrypt(this.formData.oemail);
			// }
			// if (this.formData.mobileno != "") {
			// 	this.formData.mobileno = aec_secret.encrypt(this.formData.mobileno);
			// }

·