VUE中使用CryptoJS,安装并且引入,百度搜索下,这里主要讲怎么加密解密

import CryptoJS from "crypto-js";
//DES加密
/**
 * DES :字符串 key iv  返回base64
 */
export function Encrypt(word, keyStr, ivStr) {
  const key = CryptoJS.enc.Utf8.parse(keyStr);
  const iv = CryptoJS.enc.Utf8.parse(ivStr);
  const srcs = CryptoJS.enc.Utf8.parse(word);
  const encrypted = CryptoJS.DES.encrypt(srcs, key, {
    iv: iv,
    mode: CryptoJS.mode.CBC,
    padding: CryptoJS.pad.Pkcs7,
  });
  return CryptoJS.enc.Base64.stringify(encrypted.ciphertext);
}
/**
 * DES 解密 :字符串 key iv  返回stirng
 *
 */
export function Decrypt(word, keyStr, ivStr) {
  // CryptoJS有以下几种
  // Base64
  // Base64url
  // Hex
  // Latin1
  // Utf8
  // Utf16
  // Utf16BE
  // Utf16LE
  const key = CryptoJS.enc.Utf8.parse(keyStr); // 对应上面的加密方法,怎么加密的怎么解密
  const iv = CryptoJS.enc.Utf8.parse(ivStr); // 对应上面的加密方法,怎么加密的怎么解密
  const base64 = CryptoJS.enc.Base64.parse(word); 
  const src = CryptoJS.enc.Base64.stringify(base64);
  // 因为加密最后传出来的是Base64的,所以先按照Base64解密
  const decrypt = CryptoJS.DES.decrypt(src, key, {
    iv: iv,
    mode: CryptoJS.mode.CBC, // 和加密保持一致
    padding: CryptoJS.pad.Pkcs7, // 和加密保持一致
  });

  const decryptedStr = decrypt.toString(CryptoJS.enc.Utf8);
  // 加密是先变成Utf8再变成Base64,所以解密是先Base64后Utf8
  return decryptedStr.toString();
}

我们是接口加密后传回前端,前端解密,解密的时候问下后端是怎么加密的,然后前端对应修改解密方法

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐