vue前端使用jsencrypt RSA 加解密插件

1.安装

npm install jsencrypt

2.生成RSA公钥私钥

可以通过在线网站生成： http://web.chacuo.net/netrsakeypair

3.建立加解密工具类

//RSA 加解密工具类
import JSEncrypt from "jsencrypt"
const PUBLIC_KEY = "MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQCbIa8fiymwYXvchVEw7rsuRV00pIqsA3O0SxzdpjVogOPHpfXOuZx+3SrLlblQs+/ko5dc2vFfztobyv46MUbGlP86FgACUBVfhwiuTBcfv1BnA1pw6D8YP0mE2/1p9PoZhzCnI2IfgPbIi5isJCxpyaeEanNRcaempEtFr6S6EwIDAQAB";
const PRIVATE_KEY = "MIICdgIBADANBgkqhkiG9w0BAQEFAASCAmAwggJcAgEAAoGBAJshrx+LKbBhe9yFUTDuuy5FXTSkiqwDc7RLHN2mNWiA48el9c65nH7dKsuVuVCz7+Sjl1za8V/O2hvK/joxRsaU/zoWAAJQFV+HCK5MFx+/UGcDWnDoPxg/SYTb/Wn0+hmHMKcjYh+A9siLmKwkLGnJp4Rqc1Fxp6akS0WvpLoTAgMBAAECgYBSMdK7/9wi3EPoX6rZJmR+67mqvtPKuDmB+ZpdxkbeDAykJ8bJtYa5oS2fmMELhYtBtXvpcwgZH1xpBXEWHC3HDc/jzaC1xA5ApUGHsUuc3IuRg0QDAuyqUjJuFJRDWSEisnxO24C5ERIt8jQgvGFvLKbRsCbaEZzYsDZ9Ak8kQQJBANvdz6SrU7IvOaxXxvrTyaYlVkqo0RKMJU0+XmkYcFWZ9hUQIBXRwB39eV7FP9M7qxIQd/vlzWIc94tSxbgFMmkCQQC0oFtkSuVfnd0MP0XXLktVWn/CPL1rtygnPMd/0ri0msPm6d+NjWPTiqRHjsdn9LMr2mpOHDM53hBYw1Ip9gEbAkEA2RaxADFeCXCRrHZa9KyKzS7OfhcjoAGajyNGytQjjpHfJTrvwzuAStxMq2NtOp8OsV5rad+kI/zf+sO2j5UqCQJAO3OogStRshYgwr40u63GJ/LgqEsbwc+ITNnphD4Ug4WJQ4DpDwthtygkCFWLdsEJFD8QzGLlzX80/DJV4e/RzwJAMG3ynsusWCF2LmZ8z1+eMYjPVJy5cIUSXpD6cmGH2Tqu9QFUvqmIX9T9MQYQW1lDbKadLaVzM48sspC/6Zwi8A==";// 加密
export function encrypt(data) {const encryptor = new JSEncrypt()encryptor.setPublicKey(PUBLIC_KEY) // 设置公钥return encryptor.encrypt(data) // 对需要加密的数据进行加密
}// 解密
export function decrypt(data) {const encryptor = new JSEncrypt()encryptor.setPrivateKey(PRIVATE_KEY)return encryptor.decrypt(data)
}

4.使用

import {encrypt,decrypt} from '@/utils/rsaEncrypt'
const encryptPassword =  encrypt(password);console.log("加密后的密码:"+encryptPassword);
console.log("解密后密码:"+ decrypt(encryptPassword))

vue前端使用jsencrypt RSA 加解密插件相关推荐

Vue项目中的RSA加解密
前后端使用rsa加密: 一般是客户端初始化时访问登录服务时,服务端面动态生成一对RSA对,公钥传给客户端,客户端拿到后,用户输入密码后,点登录时用公钥加密返回给服务端,服务端用私钥解就行了一.安装 ...
vue rsa加密 php解密,Vue项目中的RSA加解密
一.安装jsencrypt 1 npm i jsencrypt node_modules文件夹中出现jsencrypt 二.引入jsencrypt 在main.js中import: 1 import ...
前后端java+vue 实现rsa 加解密与摘要签名算法
RSA有两个密钥,一个是公开的,称为公开密钥:一个是私密的,称为私密密钥. 特点: 公开密钥是对大众公开的,私密密钥是服务器私有的,两者不能互推得出. 用公开密钥对数据进行加密,私密密钥可解密:私密密 ...
VUE内使用RSA加解密
说明:为防止私钥泄漏,由服务端生成两对密钥,分别是(前端公钥+私钥,后端公钥加私钥),采用加解密模式为:前端使用后台公钥加密,使用前端私钥解密:后端使用前端公钥加密,使用后端私钥解密.前后端统一使用公 ...
rsa加解密 --- jsencrypt.min.js --- 支持长字符串分段加解密
前端 + rsa加解密 + jsencrypt.min.js–(新增超长字符分段加解密) 分享2种,分段和不分段加解密 --话不多说,直接上代码!~ 最终效果: 首先引入2个js <scr ...
微信小程序前端RSA加解密
开门见山地说,希望各位前端不要搜到这篇文章,因为我总感觉在小程序端去做RSA的加解密总有种脱了裤子放屁多此一举的感觉.但是需求来的时候总是说不准的,接下来我就给大家推荐一种在小程序端比较方便,操作不 ...
SpringBoot+Vue中使用AES进行加解密(加密模式等对照关系)
场景若依前后端分离版本地搭建开发环境并运行项目的教程: 若依前后端分离版手把手教你本地搭建环境并运行项目_霸道流氓气质的博客-CSDN博客在上面搭建起来前后端架构之后,在前后端分别进行AES方式的 ...
【独立版】零点城市社交电商V2.1.8.5全开源+VUE前端，新增券码等插件
源码介绍 [独立版]零点城市社交电商V2.1.8.5全开源+VUE前端,新增券码等插件! 全开源解密版代码,后端完全开源,前端是VUE前端,可自行二开自己想要的功能. 独立版零点城市社交电商小程序致 ...
rsa加解密（兼容微信小程序环境）
1.安装 npm i wxmp-rsa -S 2.创建一个js文件作为之后可复用的工具库,内容如下: import { JSEncrypt } from 'wxmp-rsa' // 定义公钥这里要改 ...

vue前端使用jsencrypt RSA 加解密插件

vue前端使用jsencrypt RSA 加解密插件相关推荐

最新文章

热门文章