vue3 vite+ts 使用 jsencrypt 数据加密方法

npm安装 jsencrypt 加密包

安装 jsencrypt 加密包,将安装包信息添加到生产环境

npm install jsencrypt -S
# 或者
npm i jsencrypt -S

jsencrypt 加密

1.import 导入 jsencrypt 模块

在单文件组件中使用 ‘import ’ 先将 ‘jsencrypt’ 模块导入,

2.创建jsencrypt 实例

然后创建一个jsencrypt 实例对象- - - new JSEncrypt()

3.setPublicKey() 设置加密 key

调用创建的 jsencrypt 实例对象的 setPublicKey() 方法,设置加密 key

4.encrypt() 数据加密

调用创建的 jsencrypt 实例对象的 encrypt() 方法,对要加密的数据进行加密,函数返回一串加密后的字符串

示例:

// 导入jsencrypt
import JSEncrypt from 'jsencrypt/bin/jsencrypt';

// 使用
const encrypt = new JSEncrypt();  // 创建实例
const pubKey: string = '*****';   // 定义用来加密的一个key(加密钥匙)
encrypt.setPublicKey(pubKey);  // 将 pubKey 设置为 encrypt加密key

const res = encrypt.encrypt('要加密的内容');  // 返回加密后的一串字符串

jsencrypt 解密

1.import 导入 jsencrypt 模块

在单文件组件中使用 ‘import ’ 先将 ‘jsencrypt’ 模块导入,

2.创建jsencrypt 实例

然后创建一个jsencrypt 实例对象- - - new JSEncrypt()

3.setPrivatekey() 设置解密 key

调用创建的 jsencrypt 实例对象的 setPrivatekey() 方法,设置解密 key

4.decrypt() 数据解密

调用创建的 jsencrypt 实例对象的 decrypt() 方法,对要加密过的数据进行解密,返回解密后的数据

示例:

// 导入jsencrypt
import JSEncrypt from 'jsencrypt/bin/jsencrypt';

// 使用
const encrypt = new JSEncrypt();  // 创建实例
const privateKey: string = '*****';   // 用来解密的一个key(解密钥匙)
encrypt.setPrivatekey(privateKey);  // 将 pubKey 设置为 encrypt加密key

const res = encrypt.decrypt('要解密的内容');  // 返回解密后的数据

注意事项

vite 框架中安装导入 加密模块后,使用会报错,需要在 “ env.d.ts ” 中 声明 加密模块:

declare module 'jsencrypt/bin/jsencrypt'

猜你喜欢

转载自blog.csdn.net/qq_39111074/article/details/129785816