前端AES加减密工具

在前端中使用AES加解密工具可以保护数据的安全性。下面是一个使用crypto-js库进行AES加解密的示例：

1. 首先，在你的项目中引入crypto-js库。可以通过npm安装或者直接引入CDN链接。

2. 创建一个工具文件（例如util.js），并在该文件中导入crypto-js库的AES模块。

3. 在工具文件中定义加密和解密函数。

// util.js

import CryptoJS from 'crypto-js';

// 加密函数
export function Encrypt(data, key) {
  const encryptedData = CryptoJS.AES.encrypt(data, key).toString();
  return encryptedData;
}

// 解密函数
export function Decrypt(encryptedData, key) {
  const decryptedData = CryptoJS.AES.decrypt(eData, key).toString(CryptoJS.enc.Utf8);
  return decryptedData;
}

4. 在需要加密的页面中引入工具文件，并调用加密函数。

import { Encrypt } from '@/api/util.js';

const data = { name: 'John', age: 25 };
const key = 'your-secret-key';

const encryptedData = Encrypt(JSON.stringify(data), key);
console.log(encryptedData);

5. 在需要解密的页面中引入工具文件，并调用解密函数。

import { Decrypt } from '@/api/util.js';

const encryptedData = 'encrypted-data';
const key = 'your-secret-key';

const decryptedData = Decrypt(encryptedData, key);
const data = JSON.parse(decryptedData);
console.log(data);

请注意，上述示例中的`your-secret-key`是加密和解密时使用的密钥，你需要根据实际情况替换为自己的密钥。