crypto-js，加密使用

前端小云儿

已于 2023-05-05 08:45:03 修改

阅读量7k

点赞数

分类专栏：前端静态页面以及逻辑文章标签： javascript

于 2023-05-05 08:40:22 首次发布

本文链接：https://blog.csdn.net/jieweiwujie/article/details/130498892

版权

前端静态页面以及逻辑专栏收录该内容

149 篇文章 ¥9.90 ¥199.90

订阅专栏

超级会员免费看

本文介绍了如何在JavaScript中利用crypto-js库进行加密操作。首先，通过安装版本4.1.1的crypto-js库开始。然后，讲解了如何在页面中引入并使用该库进行加密。教程简洁明了，适合需要在前端实现加密功能的开发者。

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

1安装 "crypto-js": "^4.1.1",

2页面引入使用

import CryptoJS from 'crypto-js'
//第二种只用crypto-js和base64
// 使用AesUtil.genAesKey()生成,需和后端配置保持一致
const aesKey = "123456789";

// 使用DesUtil.genDesKey()生成,需和后端配置保持一致
const desKey = "123456789";

/**
 * aes 加密方法，同java：AesUtil.encryptToBase64(text, aesKey);
 */
export const encryptAES = (data, key) => {
  if (!key) {
    key = aesKey;
  }
  const dataBytes = CryptoJS.enc.Utf8.parse(data);
  const keyBytes = CryptoJS.enc.Utf8.parse(key);
  const encrypted = CryptoJS.AES.encrypt(dataBytes, keyBytes, {
    iv: keyBytes,
    mode: CryptoJS.mode.CBC,
    padding: CryptoJS.pad.Pkcs7
  });
  return CryptoJS.enc.Base64.stringify(encrypted.ciphertext);
}