解决vue前端rsa加密遇到的问题message too long for RSA
需求
对登录密码,修改密码过程进行加密,如RSA,3DES等,后台要求,最终选择了RSA加密
- RSA加密:公钥和私钥(非对称性加密)
- 3DES加密:密钥加密 (对成型加密)
第一步:安装jsencrypt
npm i jsencrypt
第二步:组件里引入
vue组件里:
import { JSEncrypt } from 'jsencrypt' import { getKey } from '_@/api/authority'// 获取公钥 后台接口 methods:{ handsend(){ const jse = new JSEncrypt() getKey().then(res => { // console.log(res) jse.setPublicKey(res.data)// 设置公钥,这里可能会出现的问题,如下图 const rsaPassWord = jse.encrypt(this.loginForm.password)// 只加密了密码 // console.log(rsaPassWord) const data = { code: this.loginForm.code, password: rsaPassWord, username: this.loginForm.username } return data }).then(res=>{ }) } }
设置公钥这一步:可能报错如下图:
原因是:
后台返回的---公钥
返回的应该是加密过的,如:
MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQDlgPn0PXDdZYwttuAyULwy1McBDbSo8ttHs/I0x1cjQZCbBNn7N9If6AhqBHyqOT1ANoRpCluUZ7xiUYPmI1lfiEsJzP6MEbCeiqrfjYCC5waQdopFL+R+BmEkbjCk8Y6jX4i+MGKT6G+gWfyL1F4NeSdx7NF7HhCPdYGBUV34kwIDAQAB
这样就对了。
总结
后台第一次接触RSA,我也是。坑了我整整半天。祝大家工作顺利!
以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。
相关文章
Vue给 elementUI 中的 this.$confirm、this.$alert、 this.$promp
这篇文章主要介绍了Vue给 elementUI 中的 this.$confirm、this.$alert、 this.$prompt添加按钮的加载效果,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2023-07-07vue项目启动出现cannot GET /服务错误的解决方法
这篇文章主要介绍了vue项目启动出现cannot GET /服务错误的解决方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2020-04-04关于vue中element-ui form或table lable换行的问题
这篇文章主要介绍了vue中element-ui form或table lable换行的问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教2022-03-03
最新评论