react项目中使用DES 3DES加密算法

最新推荐文章于 2025-03-20 17:33:05 发布

懒得起名字了1024

最新推荐文章于 2025-03-20 17:33:05 发布

阅读量489

点赞数 2

文章标签： vue.js 前端 javascript

本文链接：https://blog.youkuaiyun.com/weixin_42478537/article/details/137087788

版权

1、安装crypto-js

npm install crypto-js --save

2、封装加密解密函数，写入文件 3DES.ts 文件。这里示例用 utf8 字符集、 CBC 加密模式、Pkcs7 的填充方式、base64 的编码格式输出，此模式需要前后端共同约定密码和偏移量，两者需要完全一致。

import cryptoJs from 'crypto-js';
 
const _key = 'cmbdcrzapi1a2b3c4d5e6f7g';  // 密码
const _iv = '20240325'; // 偏移量

// 3DES 加密
export const encryptByDES = (dataStr, key=_key, iv=_iv) => {
  const keyHex = cryptoJs.enc.Utf8.parse(key);
  const encrypted = cryptoJs.TripleDES.encrypt(dataStr, keyHex, {
    mode: cryptoJs.mode.CBC, // CBC模式
    padding: cryptoJs.pad.Pkcs7, // pkcs7padding 填充方式
    iv: cryptoJs.enc.Utf8.parse(iv), // 设置偏移量（若 ECB 模式则删除该行）,CBC模式需设置iv偏移量
  });
  // return encrypted.ciphertext.toString(