Vue 项目中实现 RSA 加密

Vue 项目中实现 RSA 加密主要是使用第三方插件，这里推荐使用 jsencrypt 和 encryptlong

¶一、jsencrypt

  jsencrypt在处理一些较短文本的加密时比较好使，如 get 请求参数的加密。

npm i jsencrypt -S

import { JSEncrypt } from 'jsencrypt'

export default {
  rsaData (data) {
    const PUBLIC_KEY = 'your rsa public key'
    let jsencrypt = new JSEncrypt()
    jsencrypt.setPublicKey(PUBLIC_KEY)
    let result = jsencrypt.encrypt(data)
    return result
  }
}

  如果遇到 post 且参数较多时，就会报错jsencrypt.js Message too long for RSA，这个时候就需要encryptlong登场了。

¶二、encryptlong

encryptlong是基于jsencrypt扩展的长文本分段加解密功能。

npm i encryptlong -S

import { JSEncrypt } from 'encryptlong'

export default {
  encrypt (data) {
    const PUBLIC_KEY = 'your rsa public key'
    let encryptor = new JSEncrypt()
    encryptor.setPublicKey(PUBLIC_KEY)
    const rsaData = encryptor.encryptLong(data)
    this.decrypt(rsaData)
    return rsaData
  },
  // 解密 - PRIVATE_KEY - 验证
  // @param rsaData String
  decrypt(rsaData) {
    const PRIVATE_KEY = 'your rsa private key'
    let decryptor = new JSEncrypt()
    decryptor.setPrivateKey(PRIVATE_KEY)
  }
}