crypto-js 加密解密

最新推荐文章于 2025-04-28 11:45:05 发布

记不住的小趴菜

最新推荐文章于 2025-04-28 11:45:05 发布

阅读量500

点赞数

文章标签： javascript vue 前端

本文链接：https://blog.youkuaiyun.com/xiao_meng_xin123/article/details/129831934

版权

本文介绍了如何使用CryptoJS库进行AES加密。首先通过npm安装crypto-js，然后在页面中导入。接着，设置了16进制的密钥和偏移量，对密码进行加密，使用了CBC模式和ZeroPadding填充方式。最后，展示了加密后的Base64字符串如何解密回原始文本。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、安装 crypto-js

npm install crypto-js

二、页面引入 crypto-js

import CryptoJS from "crypto-js";

三、设置密钥与密钥偏移量并加密

 // 十六进制数作为密钥
 const key= CryptoJS.enc.Utf8.parse("1231231231231231");
 // 十六进制数作为偏移量
 const  iv = CryptoJS.enc.Utf8.parse('1231231231231231'); 
 let loginFormPassword = CryptoJS.enc.Utf8.parse('密码');
 var passwords = CryptoJS.AES.encrypt(loginFormPassword, key, {
   iv: iv,
   mode: CryptoJS.mode.CBC,
   padding: CryptoJS.pad.ZeroPadding
 });
 var passwordes =CryptoJS.enc.Base64.stringify(passwords.ciphertext);

四、解密

let base64 = CryptoJS.enc.Base64.parse(passwordes);
let src = CryptoJS.enc.Base64.stringify(base64);
var decrypt = CryptoJS.AES.decrypt(src, key, {
  iv: iv,
  mode: CryptoJS.mode.CBC,
  padding: CryptoJS.pad.ZeroPadding
});
var decryptedStr = decrypt.toString(CryptoJS.enc.Utf8);