问题：在vue项目中如何使用RSA进行加密？

遇到的问题：

在vue项目中如何使用RSA进行加密？

解决思路：

     使用jsencrypt进行加密。一般是客户端初始化时访问登录服务时，服务端面动态生成一对RSA对，公钥传给客户端，客户端拿到后，用户输入密码后，点登录时用公钥加密返回给服务端，服务端用私钥解就行了。

解决方法：

一、安装依赖

npm install jsencrypt --save

二、main.js中引用依赖

import JSEncrypt from 'jsencrypt';
 
Vue.prototype.$getRsaCode = function(str){ // 注册方法
  let encryptStr = new JSEncrypt();
  let pubKey = `rqerewrrrweqrwqewrwqrerwqrsfsafafsafsafqrewqrwqrqwreqer`; //后台给的公钥
  encryptStr.setPublicKey(pubKey); // 设置 加密公钥
  //str是需要加密的密码，rsa本身已经base64转码一次。因为密码是number类型，所以需要toString
  let  newData = encryptStr.encrypt(str.toString());  // 进行加密
  return newData;
}

三、使用加密方法

methods: {
    getPass() {
      let rasUserName = this.$getRsaCode(this.userName); // ras加密用户名
      let rasPw = this.$getRsaCode(this.password); // ras加密密码
      login({userName:rasUserName,password:rasPw}).then(res => {}).catch(err =>{});// 请求
    },
}