vue使用AES加解密-Toy模板网

这篇具有很好参考价值的文章主要介绍了vue使用AES加解密。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

AES是一种对称加密算法，加密解密使用相同的密钥。在前后端交互中，经常需要对数据进行加密，以保证数据传输的安全性。本文将介绍如何在vue项目中使用AES实现密码加密解密。

1、在vue项目中使用AES需要安装crypto-js这个库，可以通过npm安装：

npm install crypto-js

2.创建配置文件encryp.js 路径可以按照这个src/utils/encryp.js

import CryptoJS from "crypto-js"; //引用AES源码js
var key = CryptoJS.enc.Utf8.parse("1954682168745975"); //十六位十六进制数作为秘钥
var iv = CryptoJS.enc.Utf8.parse("1954682168745975");//十六位十六进制数作为秘钥偏移量
//解密方法
export function Decrypt(decryptStr) {
  const decryptBase64Str = CryptoJS.enc.Base64.parse(decryptStr);
  const createCode = CryptoJS.lib.CipherParams.create({
    ciphertext: decryptBase64Str,
  });
  const decryptedData = CryptoJS.AES.decrypt(createCode, key, {
    iv: iv,
    mode: CryptoJS.mode.CBC,
    padding: CryptoJS.pad.Pkcs7,
  });
  const decryptedStr = CryptoJS.enc.Utf8.stringify(decryptedData).toString();
  return decryptedStr;
}
//加密方法
export function Encrypt(word) {
    var srcs = CryptoJS.enc.Utf8.parse(word);
    var encrypted = CryptoJS.AES.encrypt(srcs, key, {
        iv: iv,
        mode: CryptoJS.mode.CBC,
        padding: CryptoJS.pad.Pkcs7
    });
    return CryptoJS.enc.Base64.stringify(encrypted.ciphertext);
}

3、使用：直接使用即可文章来源地址https://www.toymoban.com/news/detail-718531.html

import { Encrypt } from "@/utils/encryption.js";





 login() {
      console.log("点击了登录");
      const pass = Encrypt("abc,123,1628671141279");
      console.log("明文", "abc,123,1628671141279");
      console.log("加密后", pass);
    },

到了这里，关于vue使用AES加解密的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！