当前位置: 首页 > news >正文

vue3:密码加密解密实现

一、安装加密库

使用 crypto-js 进行加密:

npm install crypto-js

在终端进行安装 

二、编写加密工具类

1、建立工具类文件

src/utils/encrypt.js

2、编写代码

// src/utils/encrypt.js
import CryptoJS from 'crypto-js';

// 加密密钥(建议存储在环境变量中)
const SECRET_KEY = 'cmskey-QWERTYUIOPASDFGHJKLZXCVBNM';

// 加密函数
export function encryptData(data) {
  return CryptoJS.AES.encrypt(JSON.stringify(data), SECRET_KEY).toString();
}

// 解密函数
export function decryptData(encryptedData) {
  const bytes = CryptoJS.AES.decrypt(encryptedData, SECRET_KEY);
  return JSON.parse(bytes.toString(CryptoJS.enc.Utf8));
}

三、引用加密算法

1、引入方法

2、处理密码

根据加密方法,对其进行加密

3、检查输出结果

在控制台,可看见密码成功加密

相关文章:

  • pdf合并工具
  • OpenGL(4)着色器
  • LearnOpenGL-笔记-其三
  • 文件跨国传输如何加速?UDP改造机制解析
  • vscode出现:No module named ‘requests‘ 问题的解决方法
  • 【AI】单台10卡4090 openEuler服务器离线部署kasm workspace 提供简单的GPU云服务 虚拟化桌面
  • 每天一篇《目标检测》文献(一)
  • Android Compose remember 详解
  • docker jar镜像打包
  • windows平台的ffmpeg编译使用
  • 国产化信创操作系统的电脑,能运行windows程序吗
  • 大三下找C++开发实习的感受分享
  • tomcat应用的作用以及安装,以及tomcat软件的开机自启动。
  • c语言笔记 堆内存管理
  • 【已解决】linux装了jdk,却无法使用java命令
  • 【RabbitMQ】Spring Boot 结合 RabbitMQ 完成应用间的通信
  • DAY33 贪心算法Ⅱ
  • onlyoffice 8.1.0 社区版去除20连接限制版(添加常用中文字体,解锁手机编辑连接器,包含ARM64)
  • kafka-docker版
  • 2Android中的AIDL是什么以及如何使用它
  • 人社部:对个人加大就业补贴支持,对企业加大扩岗支持
  • 经济日报:多平台告别“仅退款”,规则调整有何影响
  • 加拿大驾车撞人事件遇难人数升到11人
  • 当隐身13年的北小京决定公开身份 ,专业戏剧评论依然稀缺
  • 学校食堂饭菜有蛆?举报人遭值班人员辱骂?四川苍溪县教育局回应
  • 马上评丨发钱奖励结婚,支持婚育就该系统性发力