vue3使用AES前端接口参数加密

Vue3中使用AES对前端接口参数进行加密通常涉及到以下几个步骤：

1. **安装库**: 首先需要安装一个JavaScript的加解密库，如`crypto-js`，它包含了AES（高级加密标准）算法。

   npm install crypto-js

2. **导入并实例化**: 导入`CryptoJS.AES`并创建一个新的AES加密对象。

   import AES from 'crypto-js/aes';
   const aes = AES.createEncryptor('your_secret_key', 'CBC');

`your_secret_key`应是你设置的一个密钥，对于生产环境建议使用环境变量管理，避免直接暴露。

3. **加密数据**: 对需要发送的数据进行加密，例如明文`dataToEncrypt`。

   let encryptedData = aes.encrypt(JSON.stringify(dataToEncrypt), 'salt');

这里添加的'salt'（随机盐值）可以增加加密的安全性。

4. **编码base64**: 将加密后的二进制数据转换为Base64字符串，以便于传输。

   let encodedData = btoa(encryptedData.toString(CryptoJS.enc.Utf8));

5. **在请求头或URL中发送**: 现在你可以将`encodedData`添加到API请求的headers或URL中作为加密的参数。

6. **后端解密**: 后端接收到数据后，同样需要使用相同的秘钥、模式（CBC）和盐值解密数据。

   // 假设后端已接收并处理了Base64解码的字符串
   const decodedData = atob(encodedData);
   const decryptedData = aes.decrypt(decodedData, 'secret_key');
   const decryptedJSON = CryptoJS.enc.Utf8.parse(decryptedData).toString();

**注意事项**：
- 加密过程应在服务器端完成，因为客户端容易被破解，而且敏感信息不应暴露在HTTP请求中。
- 使用相同的密钥和模式（CBC），确保前后端保持一致。