加密和解密函数是如何实现的？

加密和解密函数通常基于成熟的加密算法实现，对于前端场景，常用 AES 算法（对称加密）来处理状态加密。下面是具体实现，使用 crypto-js 库提供的 AES 加密功能：

// 加密解密工具函数（依赖 crypto-js）
import CryptoJS from 'crypto-js';

// 密钥（生产环境中建议从后端获取，不要硬编码）
// 注意：AES密钥长度需为 16/24/32 字节（对应 128/192/256 位）
const SECRET_KEY = CryptoJS.enc.Utf8.parse('your-16byte-key!!'); // 16字节密钥
const IV = CryptoJS.enc.Utf8.parse('your-16byte-iv__'); // 16字节初始向量（可选，增强安全性）

/**
 * 加密函数
 * @param {any} data - 需要加密的数据（可以是对象、字符串等）
 * @returns {string} 加密后的字符串
 */
export function encrypt(data) {
  try {
    // 将数据转换为JSON字符串（便于处理对象类型）
    const jsonData = typeof data === 'string' ? data : JSON.stringify(data);
    // 使用AES-CBC模式加密，PKCS7填充
    const encrypted = CryptoJS.AES.encrypt(
      jsonData,
      SECRET_KEY,
      {
        iv: IV,
        mode: CryptoJS.mode.CBC,
        padding: CryptoJS.pad.Pkcs7
      }
    );
    // 返回Base64编码的密文
    return encrypted.toString();
  } catch (error) {
    console.error('加密失败:', error);
    return '';
  }
}

/**
 * 解密函数
 * @param {string} encryptedData - 加密后的字符串
 * @returns {any} 解密后的数据（对象或字符串）
 */
export function decrypt(encryptedData) {
  if (!encryptedData) return null;

  try {
    // 解密操作
    const decrypted = CryptoJS.AES.decrypt(
      encryptedData,
      SECRET_KEY,
      {
        iv: IV,
        mode: CryptoJS.mode.CBC,
        padding: CryptoJS.pad.Pkcs7
      }
    );
    // 将解密结果转换为UTF8字符串
    const originalData = decrypted.toString(CryptoJS.enc.Utf8);

    // 尝试解析为JSON对象（如果原始数据是对象）
    try {
      return JSON.parse(originalData);
    } catch {
      // 解析失败则直接返回字符串
      return originalData;
    }
  } catch (error) {
    console.error('解密失败:', error);
    return null;
  }
}

实现说明：

1. 加密流程：

   • 将原始数据（如对象、字符串）转换为 JSON 字符串（统一处理格式）
   • 使用 AES-CBC 模式加密（需要密钥和初始向量 IV）
   • 加密结果通过 Base64 编码转为字符串，便于存储

2. 解密流程：

   • 对加密字符串进行 Base64 解码和 AES 解密
   • 将解密后的字符串尝试解析为 JSON 对象（还原原始数据类型）
   • 若解析失败（原始数据是字符串），则直接返回字符串

3. 关键参数：

   • 密钥（SECRET_KEY）：必须是 16/24/32 字节长度，决定加密强度
   • 初始向量（IV）：16 字节，用于增强加密随机性，相同明文会生成不同密文
   • 模式（mode）：采用 CBC 模式（比 ECB 更安全，需配合 IV 使用）
   • 填充（padding）：PKCS7 填充，解决数据长度不是块大小倍数的问题

安全注意事项：

• 密钥和 IV 不要硬编码在前端代码中，生产环境应通过后端接口动态获取
• 密钥应定期轮换，降低泄露风险
• 敏感数据（如令牌、用户信息）建议加密存储，普通数据可选择不加密

结合 Pinia 插件使用时，只需在状态持久化到本地存储前调用 encrypt()，读取时调用 decrypt() 即可实现加密存储功能。