vue中rsa加密

1.下载组件

npm install  --save jsencrypt

2.在main中引入

import JSEncrypt from "jsencrypt"; //引入模块

Vue.prototype.$jsEncrypt = JSEncrypt; //配置全局变量

3、页面中如何使用

let publicKey = '1341343141234' // 从后台获取的公钥或是直接拿取的公钥，这里省略，直接赋值 
let encryptor = new JSEncrypt() // 新建JSEncrypt对象 
encryptor.setPublicKey(publicKey) // 设置公钥 
let rsaAccount= encryptor.encrypt(account) // 对帐号进行加密

//如果对整个对象加密，记得用JSON.stringify转化一次成字符再加密，否则解密不出来；

  let params = jse.encrypt((JSON.stringify({'id':id})));

4、新建一个文件unit.js，把加密解密提取成公共方法

// rsa公钥：加密
const rsaPublicKey = '';//写入自己的公钥
// rsa私钥：解密
const rsaPrivateKey'';//写入自己的私钥

/**
 * rsa加密
 * @param {*} word
 * @returns
 */
export function setRsa(word) {
  const jsencrypt = new JSEncrypt();
  jsencrypt.setPublicKey(rsaPublicKey);
  return jsencrypt.encrypt(word);
}
/**
 * rsa解密
 * @param {*} word
 * @returns
 */
export function getRsa(word) {
  const decrypt = new JSEncrypt();
  decrypt.setPrivateKey(rsaPrivateKey);
  return decrypt.decrypt(word);
}

 

5、如果字符过长，上面的方法就解密不出来了，换一种方法 (encryptor.encryptLong) 解密

// rsa公钥：加密
const rsaPublicKey = '';//写入自己的公钥
// rsa私钥：解密
const rsaPrivateKey'';//写入自己的私钥

/* 加密 */
export function encryptLong(data) {
  var encryptor = new Encrypt();
  encryptor.setPublicKey(rsaPublicKey)
  const result = encryptor.encryptLong(data)return result;
}
/* 解密 - PRIVATE_KEY - 验证 */
export function decrypt(data) {
  var encryptor = new Encrypt();
  encryptor.setPrivateKey(rsaPrivateKey)
  var result = encryptor.decryptLong(data)
  return result;
}

 

以上方法仅供参考