前端使用AES加密传递敏感参数

1.安装CryptoJS用于引入加密组件

npm install crypto-js --save

 2.引入CryptoJS组件

import CryptoJS from "crypto-js";

 3.在前端代码中创建函数将传递的参数进行加密

// 传递参数加密
encrypt(data) {
  const key = "ox7sfuca1fFWChPm";
  // 偏移量 16位（不可随意修改，否则前后端加密解密可能失败）
  const iv = "9TwEzDNLybzfjEsp";
  return CryptoJS.AES.encrypt(
    CryptoJS.enc.Utf8.parse(data),
    CryptoJS.enc.Utf8.parse(key),
    {
      iv: CryptoJS.enc.Utf8.parse(iv),
      mode: CryptoJS.mode.CBC,// 选择不同的模式有对应的加密方式
      padding: CryptoJS.pad.Pkcs7,
    }
  ).toString();
},

 其中CBC加密方式需要使用到偏移量，不同的偏移量会得到不同的秘文。ECB加密方式中的偏移量对秘文没有影响（不同的偏移量有同样的秘文）。

mode: CryptoJS.mode.CBC

mode: CryptoJS.mode.ECB

最后将向后端传递的参数作为encrypt函数的参数进行返回，得到最后加密过后的秘文。