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

 更新时间:2024年07月25日 09:25:21   作者:浑浑噩噩撸代码  
这篇文章主要介绍了解决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.$prompt添加按钮加载效果

    Vue给 elementUI 中的 this.$confirm、this.$alert、 this.$promp

    这篇文章主要介绍了Vue给 elementUI 中的 this.$confirm、this.$alert、 this.$prompt添加按钮的加载效果,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2023-07-07
  • vue项目启动出现cannot GET /服务错误的解决方法

    vue项目启动出现cannot GET /服务错误的解决方法

    这篇文章主要介绍了vue项目启动出现cannot GET /服务错误的解决方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-04-04
  • Vue中指令v-model的原理及使用方法

    Vue中指令v-model的原理及使用方法

    v-model是Vue中的一个重要语法糖,主要用于实现数据的双向绑定,它通过结合value属性和input事件,简化了代码并提高了开发效率,文中通过代码介绍的非常详解,需要的朋友可以参考下
    2024-09-09
  • Vue结合leaflet实现克里金插值

    Vue结合leaflet实现克里金插值

    本文主要介绍了Vue结合leaflet实现克里金插值,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-06-06
  • 测试平台开发vue组件化重构前端代码

    测试平台开发vue组件化重构前端代码

    这篇文章主要为大家介绍了测试平台开发vue组件化重构前端代码,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-05-05
  • 详解VUE 数组更新

    详解VUE 数组更新

    这篇文章主要介绍了VUE 数组更新问题,文中给大家介绍了vue如何监听数据的变化的 ,需要的朋友可以参考下
    2017-12-12
  • Vue-router中path的设置方式

    Vue-router中path的设置方式

    这篇文章主要介绍了Vue-router中path的设置方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-02-02
  • Vue+ElementUI之Tree的使用方法

    Vue+ElementUI之Tree的使用方法

    这篇文章主要为大家详细介绍了Vue+ElementUI之Tree的使用方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-05-05
  • 关于vue中element-ui form或table lable换行的问题

    关于vue中element-ui form或table lable换行的问题

    这篇文章主要介绍了vue中element-ui form或table lable换行的问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-03-03
  • vue实现简单瀑布流布局

    vue实现简单瀑布流布局

    这篇文章主要为大家详细介绍了vue实现简单瀑布流布局,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-03-03

最新评论