Vue使用crypto-js加密库对称加密算法

Vue.js 和 Crypto-JS 是两个常用于前端开发的库，Crypto-JS 提供了丰富的加密算法，包括AES（Advanced Encryption Standard）在内的多种对称加密和哈希函数。在 Vue 中，你可以利用 Crypto-JS 对用户数据进行 AES 加密处理，以保护敏感信息的安全传输。 以下是使用 Crypto-JS 在 Vue 组件中进行 AES 加密的基本步骤： 1. 首先，在项目中安装 Crypto-JS： ```bash npm install crypto-js ``` 2. 在你的 Vue 文件中引入 `CryptoJS`： ```javascript import * as CryptoJS from 'crypto-js'; ``` 3. 创建一个方法来进行 AES 加密，例如： ```javascript export default { methods: { encryptData(data, key) { const iv = CryptoJS.lib.WordArray.random(16); // 生成随机初始化向量 const encrypted = CryptoJS.AES.encrypt(JSON.stringify(data), key, { iv: iv }); return { ciphertext: encrypted.toString(CryptoJS.enc.Base64), iv: iv.toString(CryptoJS.enc.Hex) }; }, decryptData(ciphertext, key, iv) { const bytes = CryptoJS.lib.WordArray.parse(atob(ciphertext), { base64: true }); const decrypted = CryptoJS.AES.decrypt({ cty: CryptoJS.enc.Utf8.parse(ciphertext), iv }, key); return JSON.parse(decrypted.toString(CryptoJS.enc.Utf8)); } } }; ``` 在这个例子中，`encryptData` 方法接受要加密的数据和密钥，然后返回加密后的 Base64 编码的密文以及IV。`decryptData` 则负责解密数据。