前端ACE加密和解密

最新推荐文章于 2025-07-11 12:44:29 发布

原创最新推荐文章于 2025-07-11 12:44:29 发布 · 1.9k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#vue #前端 #加密解密 #md5

下载依赖

yarn add crypto-js

在vue中使用

import CryptoJS from 'crypto-js'
export default {
    data () {
      return {
        strKey: CryptoJS.enc.Utf8.parse("SKYWORTH"),  //十六位十六进制数作为密钥
        iv: CryptoJS.enc.Utf8.parse('IDS'),           //十六位十六进制数作为密钥偏移量
      }
    },
    methods: {
      // 加密
      encrypt(word){
        let self = this
        let srcs = CryptoJS.enc.Utf8.parse(word);
        let encrypted = CryptoJS.AES.encrypt(srcs, self.strKey, { iv: self.iv, mode: CryptoJS.mode.CBC, padding: CryptoJS.pad.Pkcs7 });
        return encrypted.ciphertext.toString().toUpperCase();
      },
      // 解密
      decrypt(word){
        let self = this
        let encryptedHexStr = CryptoJS.enc.Hex.parse(word);
        let srcs = CryptoJS.enc.Base64.stringify(encryptedHexStr);
        let decrypt = CryptoJS.AES.decrypt(srcs, self.strKey, { iv: self.iv, mode: CryptoJS.mode.CBC, padding: CryptoJS.pad.Pkcs7 });
        let decryptedStr = decrypt.toString(CryptoJS.enc.Utf8);
        return decryptedStr.toString();
      },
    }
}

实测可用！！！！