crypto-js 加密、解密使用方法 vue项目

一、安装crypto-js

npm install crypto-js

二、引入crypto-js

支持ES6导入、Modular

import CryptoJS from "crypto-js";

或者

const CryptoJS = require("crypto-js");

三、设置密钥和密钥偏移量

// 十六位十六进制数作为密钥

const SECRET_KEY = CryptoJS.enc.Utf8.parse("1234123412341234");

// 十六位十六进制数作为密钥偏移量

const SECRET_IV = CryptoJS.enc.Utf8.parse("1234123412341234");

四、封装加密方法

/**

 * 加密方法

 * @param data

 * @returns {string}

 */

export function encrypt(data) {

  if (typeof data === "object") {

    try {

      // eslint-disable-next-line no-param-reassign

      data = JSON.stringify(data);

    } catch (error) {

      console.log("encrypt error:", error);

    }

  }

  const dataHex = CryptoJS.enc.Utf8.parse(data);

  const encrypted = CryptoJS.AES.encrypt(dataHex, SECRET_KEY, {

    iv: SECRET_IV,

    mode: CryptoJS.mode.CBC,

    padding: CryptoJS.pad.Pkcs7

  });

  return encrypted.ciphertext.toString();

}

五、封装解密方法

/**

 * 解密方法

 * @param data

 * @returns {string}

 */

export function decrypt(data) {

  const encryptedHexStr = CryptoJS.enc.Hex.parse(data);

  const str = CryptoJS.enc.Base64.stringify(encryptedHexStr);

  const decrypt = CryptoJS.AES.decrypt(str, SECRET_KEY, {

    iv: SECRET_IV,

    mode: CryptoJS.mode.CBC,

    padding: CryptoJS.pad.Pkcs7

  });

  const decryptedStr = decrypt.toString(CryptoJS.enc.Utf8);

  return decryptedStr.toString();

}

六、使用方法

import { decrypt, encrypt } from "@/utils/encrypt";

const data = "13172"

const encryptText = encrypt(data);

console.log("加密", encryptText);

const decryptText = decrypt(encryptText);

console.log("解密", decryptText);