当前位置: 首页 > 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、检查输出结果

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

http://www.dtcms.com/a/65500.html

相关文章:

  • 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是什么以及如何使用它
  • linux 命令基础
  • OpenBMC:BmcWeb 处理认证
  • LangChain 是什么
  • 代码块与设计模式
  • C# AOT生成的hellowwordEXE运行占用多少内存1-5MB?
  • 在线招聘小程序:AI简历筛选与精准职位推荐服务
  • 并发设计_第八章_《C++并发编程实战》笔记
  • CMU15445(2023fall) Project #2 - Extendible Hash Index 匠心分析
  • 区块链与去中心化技术
  • 视频编码中视频帧的类型解析