背景

公司后端加解密应用的是 aes 的形式,过后找了好多前端加解密的库,最初决定应用 crypto-js 封装了加解密办法。

筹备工作

在前端我的项目中装置 crypto-js

npm install crypto-js

具体应用

import CryptoJS from 'crypto-js'const crpytoConfig = {    AES_KEY: 'key',    AES_IV: 'iv',}/** * @description aes加密 * @param {string} word 须要加密的字符串 */const cryptoEncrypt = word => {  const { AES_IV, AES_KEY } = crpytoConfig  const key = CryptoJS.enc.Utf8.parse(AES_KEY)  const iv = CryptoJS.enc.Utf8.parse(AES_IV)  const srcs = CryptoJS.enc.Utf8.parse(word)  let encrypted = '';  encrypted = CryptoJS.AES.encrypt(srcs, key, {      iv,      mode: CryptoJS.mode.CBC,      padding: CryptoJS.pad.Pkcs7  })  return encrypted.ciphertext.toString(CryptoJS.enc.Base64)}/** * @description aes解密 * @param {string} word 须要解密的字符串 */const cryptoDecrypt = word => {  const { AES_IV, AES_KEY } = crpytoConfig  // 因为和咱们公司后端加密得出的数据有些出入 所以这里做了字符替换能力失常进行加解密 所以下边这句视状况而定到底加不加  const strWord = word.replace(/\_/g, '/').replace(/\-/g, '+')  const key = CryptoJS.enc.Utf8.parse(AES_KEY)  const iv = CryptoJS.enc.Utf8.parse(AES_IV)  const encryptedHexStr = CryptoJS.enc.Base64.parse(strWord)  const srcs = CryptoJS.enc.Base64.stringify(encryptedHexStr)  let decrypt = ''  decrypt = CryptoJS.AES.decrypt(srcs, key, {    iv,    mode: CryptoJS.mode.CBC,    padding: CryptoJS.pad.Pkcs7  })  return decrypt.toString(CryptoJS.enc.Utf8).toString()}