Vue中JSEncrypt 数据加密和解密处理

1、概述

在 Vue.js 项目中集成   JSEncrypt   实现数据的加密和解密是一种常见的需求，尤其是在处理敏感信息（如密码、用户数据等）。

2、安装

npm install jsencrypt

3、 生成密钥对

RSA 加密需要一对密钥：公钥和私钥。公钥用于加密数据，私钥用于解密数据。通常，密钥对由后端生成，然后将公钥提供给前端。以下是一个简单的在线工具，可以生成 RSA 密钥对：

RSA Encryption Decryption & Key Generator Tool Online

4、编写encrypt.js

import JSEncrypt from 'jsencrypt/bin/jsencrypt.min'const publicKey = 'XXXXXXX'
const privateKey = 'XXXXX'//加密
export function encrypt(data) {const encryptor = new JSEncrypt()encryptor.setPublicKey(publicKey)return encryptor.encrypt(data)
}
//解密
export function decrypt(data) {const decryptor = new JSEncrypt()decryptor.setPrivateKey(privateKey)return decryptor.decrypt(data)
}