RSA非对称加密传输-——前端js加密，后台解密 vue

最新推荐文章于 2024-07-10 01:10:32 发布

ジ Jing

最新推荐文章于 2024-07-10 01:10:32 发布

阅读量760

点赞数

本文链接：https://blog.youkuaiyun.com/weixin_43983711/article/details/104378037

版权

本文介绍了一种使用RSA加密算法在前端对支付密码进行加密的方法，通过生成公私钥对，前端利用公钥加密数据，确保数据传输的安全性。具体步骤包括安装jsencrypt库，引入到Vue项目中，并使用后台提供的公钥进行数据加密。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.需求：将支付密码进行加密
2.用rsa进行加密
后台会生成一对公私钥，私钥存在服务器，把公钥给前端，前端加密后传给后端，这是相对比较安全的做法。
3.进行下载rsa

npm install jsencrypt 或者  cnpm install jsencrypt  --save

4.引入到vue中

import JSEncrypt from 'jsencrypt/bin/jsencrypt'

5.公钥是后台给的
在这里插入图片描述
6.


let encryptor = new JSEncrypt() // 新建JSEncrypt对象

let publicKey = `MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQDHGBAi30CuorD71ddAY5Pj80a2
   FinTK6CJrX3LJZ5FTxJrQdzxbwDVB2mDVgspU5oz7X03TzgWFKkkJm2b4g9G00sA
   +G9oeGaR+rpFaoDr4BxW+AUd6V1Ps/OkTaLc473XOA0aYTRIwo1Ob3pTJd9Za90e
   +NRk0c07Vb/mcr0w1QIDAQAB`  //把之前生成的贴进来，实际开发过程中，可以是后台传过来的

encryptor.setPublicKey(publicKey) // 设置公钥

let rsaPassWord = encryptor.encrypt('加密的数据') // 对需要加密的数据进行加密

console.log(rsaPassWord)   //得到加密后的数据

rsaPassWord 就是加密后的数据