vue 、前端rsa加密遇到的问题，message too long for RSA

最新推荐文章于 2024-08-13 14:08:38 发布

浑浑噩噩撸代码

最新推荐文章于 2024-08-13 14:08:38 发布

阅读量6.9k

点赞数

本文链接：https://blog.csdn.net/weixin_42315964/article/details/103156111

版权

Vue 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

需求：对登录密码，修改密码过程进行加密，如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，我也是。坑了我整整半天。祝大家工作顺利！