Vue中使用RSA加密

一、介绍

1、RSA介绍

2、RSA的加密过程

二、使用

1、安装依赖

npm install jsencrypt --save

2、main.js中引用依赖

// main.js 中
 
import JSEncrypt from 'jsencrypt';
 
Vue.prototype.$getRsaCode = function(str){ // 注册方法
  let pubKey = `-----BEGIN PUBLIC KEY-----
 xxxxxxxxRSA公钥填写处xxxxxxxxxxxx-----END PUBLIC KEY-----`;// ES6 模板字符串 引用 rsa 公钥
  let encryptStr = new JSEncrypt();
  encryptStr.setPublicKey(pubKey); // 设置 加密公钥
  let  data = encryptStr.encrypt(str.toString());  // 进行加密
  return data;
}

3、使用RSA

this.$getRsaCode('需要加密内容')

4、示例

如对提交数据进行加密

//如对提交数据进行加密
goPay(){
  let params={
     money:'99',
     signContent:this.$getRsaCode('20200810')  //举例：对'20200810'加密
  }
  pay(params).then(res=>{})
}

提示数据请求体显示

{
  money:'99',
  signContent:'xbj$mklsdsfdg&%oldhdfhfg@hfghfg&jhgfhjf-7gjfggj%&JJHJsdfgsdfgh'
}

后端或得加密的内容后，会通过后端的私钥进行解密，解密得出

{
  money:'99',
  signContent:'20200810'
}