VUE项目使用RSA加密（附：加密过长问题）

回忆哆啦没有A梦

已于 2022-03-29 15:06:25 修改

阅读量4.8k

点赞数

分类专栏： vue相关问题（vue3、vue2）原生js 文章标签： vue.js javascript 前端 rsa 加密解密

于 2021-12-16 17:52:01 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_39550080/article/details/121980249

版权

vue相关问题（vue3、vue2）同时被 2 个专栏收录

39 篇文章

订阅专栏

原生js

16 篇文章

订阅专栏

本文介绍了如何在前端使用jsencrypt和encryptlong库进行RSA非对称加密。通过安装这两个库，可以处理公钥和私钥，实现数据的安全加密和解密。特别地，当遇到' MessagetoolongforRSA'错误时，可以借助encryptlong进行长文本的分段加密。代码示例展示了加密和解密的完整过程，以及如何与后台交互使用公钥和私钥。

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

RSA加密：公钥和私钥（非对称性加密）

安装

1.1 安装jsencrypt，执行以下命令

npm install jsencrypt --save-dev

1.2 安装encryptlong，执行以下命令：

npm i encryptlong -S

2，创建rsa.js文件，写入代码

/* 产引入jsencrypt实现数据RSA加密 */
import JSEncrypt from 'jsencrypt' // 处理长文本数据时报错 jsencrypt.js Message too long for RSA
/* 产引入encryptlong实现数据RSA加密 */
import Encrypt from 'encryptlong' // encryptlong是基于jsencrypt扩展的长文本分段加解密功能。

2.3 准备publicKey（公钥）&& privateKey（私钥）

// 公钥key
const publicKey = '********************' // 密钥来自后台，我们需要的是公钥
// 完整的加密解密函数
export default {
  /* JSEncrypt加密 */
  rsaPublicData(data) {
    var jsencrypt = new JSEncrypt()
    jsencrypt.setPublicKey(publicKey)
    // 如果是对象/数组的话，需要先JSON.stringify转换成字符串
    var result = jsencrypt.encrypt(data)
    return result
  },
  /* JSEncrypt解密 */
  rsaPrivateData(data) {
    var jsencrypt = new JSEncrypt()
    jsencrypt.setPrivateKey(privateKey)
    // 如果是对象/数组的话，需要先JSON.stringify转换成字符串
    var result = jsencrypt.encrypt(data)
    return result
  },
  /* 加密 */
  encrypt(data) {
    const PUBLIC_KEY = publicKey
    var encryptor = new Encrypt()
    encryptor.setPublicKey(PUBLIC_KEY)
    // 如果是对象/数组的话，需要先JSON.stringify转换成字符串
    const result = encryptor.encryptLong(data)
    return result
  },
  /* 解密 - PRIVATE_KEY - 验证 */
  decrypt(data) {
    const PRIVATE_KEY = privateKey
    var encryptor = new Encrypt()
    encryptor.setPrivateKey(PRIVATE_KEY)
    // 如果是对象/数组的话，需要先JSON.stringify转换成字符串
    var result = encryptor.decryptLong(data)
    return result
  }
}

注意事项：

可能存在，RSA加密报错如下：
可能出现在这种报错
前端RSA加密，使用jsencrypt加密内容过长提示‘Message too long for RSA’错误
解决办法：使用encryptlong进行加密

/* 产引入jsencrypt实现数据RSA加密 */
import JSEncrypt from 'jsencrypt' // 处理长文本数据时报错 jsencrypt.js Message too long for RSA
/* 产引入encryptlong实现数据RSA加密 */
import Encrypt from 'encryptlong' // encryptlong是基于jsencrypt扩展的长文本分段加解密功能。