使用crypto-js加密

• 在utils文件夹创建一个aes.js文件
• 安装 cnpm install crypto-js

import CryptoJS from "crypto-js";

const key = CryptoJS.enc.Utf8.parse(""); //十六位十六进制数作为密钥
const iv = CryptoJS.enc.Utf8.parse(""); //十六位十六进制数作为密钥偏移量

//解密方法
export function Decrypt(word) {
  let encryptedHexStr = CryptoJS.enc.Hex.parse(word);
  let srcs = CryptoJS.enc.Base64.stringify(encryptedHexStr);
  let decrypt = CryptoJS.AES.decrypt(srcs, key, {
    iv: iv,
    mode: CryptoJS.mode.CBC,
    padding: CryptoJS.pad.Pkcs7,
  });
  let decryptedStr = decrypt.toString(CryptoJS.enc.Utf8);
  return decryptedStr.toString();
}

//加密方法
export function Encrypt(word) {
  let srcs = CryptoJS.enc.Utf8.parse(word);
  let encrypted = CryptoJS.AES.encrypt(srcs, key, {
    iv: iv,
    mode: CryptoJS.mode.CBC,
    padding: CryptoJS.pad.Pkcs7,
  });
  return encrypted.ciphertext.toString().toUpperCase();
}

• 使用的时候
  因为这里做的是登录,所以写在login页面中,相当于一个函数可以写在接口中

import { Encrypt } from "../utils/aes";
username: Encrypt(ruleForm.username)
password: Encrypt(ruleForm.password)