前端Vue+crypto-js实现Aes加密，解密

最新推荐文章于 2025-04-12 09:56:00 发布

zhengsanmiing

最新推荐文章于 2025-04-12 09:56:00 发布

阅读量853

点赞数

分类专栏： javaweb 文章标签： vue.js javascript 前端

本文链接：https://blog.youkuaiyun.com/zhengsanmiing/article/details/128137487

版权

废话少说，直接上代码：

1，首先需要通过npm安装crypto-js的依赖

//通过nmp安装
npm i crypto-js --save 
//通过cnpm安装
cnpm i crypto-js --save

2，在Vue的项目的utils文件夹下创建util.js创建工具方法

//通过require导入crypto-js文件
const CrytoJS = require('crypto-js')

export function encryptByAES(word, keyStr) {
  // 默认的 KEY 与 iv 如果没有给
  let key = CryptoJS.enc.Utf8.parse('1234567890123456')
  const iv = CryptoJS.enc.Utf8.parse('1234567890000000')
  if (keyStr) {
    key = CryptoJS.enc.Utf8.parse(keyStr)
  }
  const srcs = CryptoJS.enc.Utf8.parse(word)
  var encrypted = CryptoJS.AES.encrypt(srcs, key, {
    iv: iv,
    mode: CryptoJS.mode.CBC,
    padding: CryptoJS.pad.Pkcs7
  })
  // console.log("-=-=-=-", encrypted.ciphertext)
  return encrypted.ciphertext.toString()
}

/**
 * AES解密 监控设备通道引用
 */

export function monitoryencryptByAES(word, keyStr) {
  // 默认的 KEY 与 iv