JavaScript - Vue / React / Uniapp 通用字符串加密解密功能函数,对写入 localStorage 缓存的数据进行加密和解密防止明文显示(写入浏览器缓存的时候将数据加密)

前言

很多情况下,需要给字符串进行加密以防止被窃取泄露,另外程序使用 localStorage 将数据写入缓存时,也需要进行加密。

本文 实现了在 vue / react / uniapp / js 等前端项目中,写入浏览器 localStorage 本地缓存中时将数据进行加密,获取时进行解密操作,另外也可以给指定的字符串进行加密和解密,还可以对网站登录后的账号密码token等敏感信息加密存到浏览器缓存中。

不依赖任何加密插件(公开的加密插件就算不上加密了,因为大家都知道),我们需要有一套独立的加密方法才安全,


如下图所示,如果不加密直接写入缓存的话,会明文暴露在浏览器中很不安全,

还有普通的字符串如果有加密需求的话,同样可以直接使用。

本文的加密、解密函数适用于所有前端项目,它由纯 js 编写,保证安全可靠

在这里插入图片描述
在这里插入图片描述

加密 / 解密函数源码

您可以对这 2 个函数放到专门的 *.js 文件中,或者直接在页面的方法中直接使用。

如下代码所示,使用一键复制避免漏选。

猜你喜欢

转载自blog.csdn.net/weixin_44198965/article/details/133353690