npm install crypto-js

yarn add crypto-js

import * as CryptoJS from "crypto-js";
// 密鑰和偏移量
// 這里使用環(huán)境變量來(lái)設(shè)置密鑰和偏移量，確保它們的安全性
const key = CryptoJS.enc.Utf8.parse(process.env.VUE_APP_KEY);
const iv = CryptoJS.enc.Utf8.parse(process.env.VUE_APP_IV);

// AES加密函數(shù)
export function encrypt(text: string): string {
  // 使用 CryptoJS 的 AES 方法加密文本
  const encrypted = CryptoJS.AES.encrypt(text, key, {
    mode: CryptoJS.mode.ECB, // 使用 ECB 模式
    padding: CryptoJS.pad.Pkcs7, // 使用 PKCS7 填充
    iv: iv // 使用偏移量
  });
  // 將加密后的數(shù)據(jù)轉(zhuǎn)換成 Base64
  const base64Cipher = encrypted.ciphertext.toString(CryptoJS.enc.Base64);
  // 處理 Android 某些低版本的 BUG
  // 替換某些特殊字符，因?yàn)榧用芎蟮?Base64 字符串在某些設(shè)備上會(huì)有問(wèn)題
  const resultCipher = base64Cipher.replace(/\+/g, "-").replace(/\//g, "_");
  // 返回加密后的經(jīng)過(guò)處理的 Base64
  return resultCipher;
}

// AES解密函數(shù)
export function decrypt(encryptData: string): string {
  try {
    // 先將 Base64 還原一下，因?yàn)榧用艿臅r(shí)候做了一些字符的替換
    const restoreBase64 = encryptData.replace(/\-/g, "+").replace(/_/g, "/");
    // 解密
    const decryptedContent = CryptoJS.AES.decrypt(restoreBase64, key, {
      mode: CryptoJS.mode.ECB, // 使用 ECB 模式
      padding: CryptoJS.pad.Pkcs7, // 使用 PKCS7 填充
      iv: iv // 使用偏移量
    });
    // 將解密對(duì)象轉(zhuǎn)換成 UTF8 的字符串
    const resultDecipher = CryptoJS.enc.Utf8.stringify(decryptedContent);
    // 返回解密結(jié)果
    return resultDecipher;
  } catch (error) {
    // 如果解密失敗，返回空字符串
    return ""; 
  }
}

<template>
  <div>
    <input type="text" v-model="plaintext" placeholder="請(qǐng)輸入明文" />
    <button @click="encryptText">加密</button>
    <button @click="decryptText">解密</button>
    <p>加密后的文本: {{ ciphertext }}</p>
    <p>解密后的文本: {{ decryptedText }}</p>
  </div>
</template>
<script setup>
import { ref } from 'vue';
import { encrypt, decrypt } from './crypto'; // 導(dǎo)入我們寫(xiě)的加密和解密函數(shù)
// 定義響應(yīng)式狀態(tài)
const plaintext = ref('');
const ciphertext = ref('');
const decryptedText = ref('');
// 加密文本
function encryptText() {
  ciphertext.value = encrypt(plaintext.value);
}
// 解密文本
function decryptText() {
  decryptedText.value = decrypt(ciphertext.value);
}
</script>