vue项目——前端CryptoJS加密、解密

1、vue项目需要安装CryptoJS安装包

npm install crypto-js

2、在项目中引入CryptoJS

import CryptoJS from 'crypto-js'

3、使用,代码如下

// 此处key为16进制let key = 'jiajiajiajiajiajiajiajia';console.log('密钥:', key);// key格式化处理key = CryptoJS.enc.Utf8.parse(key)// 偏移量长度为16位, 注:偏移量需要与后端定义好,保证一致let iv = "37fa77f6a3b0462d";iv = CryptoJS.enc.Utf8.parse("37fa77f6a3b0462d");// 加密内容const source = {"username": "用户名","password": "密码","timestamp": new Date().getTime()}const content = JSON.stringify(source);console.log('加密前:', source);// 加密方法const encryptedContent = CryptoJS.AES.encrypt(content, key, {iv: iv,mode: CryptoJS.mode.CBC,  padding: CryptoJS.pad.Pkcs7})const encStr = encryptedContent.ciphertext.toString()console.log("加密后:", encStr);// 解密方法const decryptedContent = CryptoJS.AES.decrypt(CryptoJS.format.Hex.parse(encStr), key, {iv: iv,mode: CryptoJS.mode.CBC,  padding: CryptoJS.pad.Pkcs7})console.log('解密:',CryptoJS.enc.Utf8.stringify(decryptedContent));

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/bicheng/30873.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

中国环保网元宇宙:开启绿色数字生活新篇章

在全球数字化浪潮和环境保护的双重推动下,"中国环保网元宇宙"应运而生,它不仅代表着技术的革新,更是环保意识在数字世界中的深刻体现。这一平台旨在通过沉浸式的虚拟现实技术,让公众更加直观地理解环保的重要性&#xf…

Baidu 搜狐面经

百度一面 1、Spring中有哪些常用注解? 2、如果一个服务入参是JsonString,出参也是jsonString,这个服务可能用到什么注解? 3、HSF的底层原理是否了解?序列化传输的协议是什么? 4、Postgrep Sql相比mysql…

【前端开发工具】VS Code安装和使用

文章目录 一、前言二、下载三、安装四、配置五、使用5.1 导入项目5.2 本地运行项目5.3 修改界面文案,验证效果5.4 添加日志打印5.5 代码调试5.6 代码提交到Git仓库 六、总结 一、前言 本文介绍一下在前端vue项目中,VS Code的安装和配置。 什么是VS Code…

【干货分享】25地学考研推免夏令营汇总表

​ 25考研学子们,考研准备要赶早。 小编给大家整合准备了25地信考研夏令营时间信息表,需要的宝子收藏起来。 ​ 话不多说,需要的小伙伴直接评论区留言 25地信考研择校信息表:

IT入门知识第一部分《IT基础知识》(1/10)

目录 IT入门知识第一部分《IT基础知识》(1/10) 1.引言 2.第一部分:IT基础知识 2.1 计算机硬件 CPU:计算机的心脏 内存:数据的临时居所 存储设备:数据的长期仓库 输入输出设备:与计算机的…

大模型日报2024-06-20

大模型日报 2024-06-20 大模型资讯 大模型产品 Genspark:AI智能搜索引擎 摘要: Genspark是一款AI智能引擎,专用AI代理生成无偏见的Sparkpages,提供高价值信息,节省用户时间。 AI标志动画生成工具 摘要: 使用AI技术轻松将静态标志变…

[Mysql] 的基础知识和sql 语句.教你速成(上)——逻辑清晰,涵盖完整

目录 前言 上篇的内容概况 下篇的内容概况 数据库的分类 关系型数据库 常见的关系型数据库系统 非关系型数据库 1. 键值对数据库(Key-Value Stores) 特点: 常见的键值对数据库: 2. 文档数据库(Document Store…

BUG: gradio RuntimeError: async generator raised StopAsyncIteration

BUG: gradio RuntimeError: async generator raised StopAsyncIteration 环境 gradio 4.20.0详情 在使用gradio编写大模型可视化demo的时候,大模型正常输出,但gradio弹出此错误。 经过排除,发现是返回方式的问题&…

【React】Axios请求头注入token

业务背景: Token作为用户的数据标识,在接口层面起到了接口权限控制的作用,也就是说后端有很多接口都需要通过查看当前请求头信息中是否含有token数据,来决定是否正常返回数据 // 添加请求拦截器 request.interceptors.request.use(config …

填坑-celery正常启动后能收到任务但不执行任务的解决办法

场景 Flask开发中用celery 6正常启动后能收到任务但不执行任务的解决办法,也没有错误提示…… INFO/MainProcess] Task app.add_together[ce406ed8-71b3-49e6-8556-f44bfe66549c] received [2024-06-20 19:38:10,632: INFO/SpawnPoolWorker-36] child process 2244…

MySQL中动态权限和角色管理权限的异同?

MySQL中的动态权限与角色管理权限是两个不同的概念,它们在权限管理方面各有特点和作用: 动态权限(Dynamic Privileges) 定义与特性:动态权限是在MySQL服务器运行时定义和注册的权限,与之相对的是静态权限&…

编译 CUDA 程序的基本知识和步骤

基本工具 NVCC(NVIDIA CUDA Compiler): nvcc 是 NVIDIA 提供的 CUDA 编译器,用于将 CUDA 源代码(.cu 文件)编译成可执行文件或库。它可以处理 CUDA 和主机代码(例如 C)的混合编译。nvcc 调用底层…

关于Threejs的使用二

Threejs之前是没有使用过的,由于项目需要最近一段时间一直在研究; 关于绘制字体: 有两种方案: 1.可以通过页面添加标签化元素进行插入到页面中: //創建元素const descriptionElement document.createElement(div);de…

求最小生成树的新算法

不管 prim 算法还是 kruskal 算法都基于 “当前可见最短边” 作贪心策略,但这并不适合分布式并行操作,比方说所有节点一起构建最小生成树,这些算法都显得同步开销过大,甚至导出错误的结果。 最近研究并构建最大流多路径传输协议的…

docker容器之间ip能ping通,但是端口访问不了

docker容器之间ip能ping通,但是端口访问不了 curl: (7) Failed to connect to 172.17.0.5 port 80: No route to host原因: 可能是因为启动docker前,服务器防火墙是关闭的,而启动之后修改了防火墙规则 解决方法: 重启…

如何获得一个Oracle 23ai数据库(vagrant box)

准确的说,是Oracle 23ai Free Developer版,因为企业版目前只在云上(OCI和Azure)和ECC上提供。 前面我博客介绍了3种方法: Virtual ApplianceRPM安装Docker 今天介绍最近新出的一种方法,也是我最为推荐的…

java通过jts获取点到线的垂足点

在Java中,可以使用JTS(Java Topology Suite)库来获取点到线段的垂足点。以下是一个简单的示例代码,展示了如何使用JTS获取点到线段的垂足点: 首先,确保你的项目中包含了JTS库。 import org.locationtech.j…

Debugger的使用

断点调试 1.打断点 2.以debug模式运行 3.流程控制

SQL注入-sqlmap使用

sqlmap简介 一款自动化的SQL注入工具,其主要功能是扫描,发现并利用给定的URL的SQL注入漏洞,目前支持的数据库是MySQL, Oracle, PostgreSQL, Microsoft SQL Server, Microsoft Access, IBM DB2, SQLite, Firebird, Sybase和SAP MaxDB Sqlma…

移动应用开发-第8章广播机制

广播是一种运用在组件之间传递消息的机制。如果要接收并过滤广播中的信息,则需要使用BroadcastRecciver(广播接收者)。 8.1广播机制的概述 Android中的广播机制更加灵活,因为Android中每个应用程序都可以根据自己的需要对广播进…