vue项目中使用RSA加密

查看更多资源

1. 案列简介：

vue-cli 脚手架搭建前端项目中，使用RSA加密传输数据。

2. 安装依赖

## 命令行
npm install jsencrypt --save

3. main.js中引用依赖

// main.js 中

import JSEncrypt from 'jsencrypt';

Vue.prototype.$getRsaCode = function(str){ // 注册方法
  let pubKey = `-----BEGIN PUBLIC KEY-----
 rqerewrrrweqrwqewrwqrerwqrsfsafafsafsafqrewqrwqrqwreqer
  -----END PUBLIC KEY-----`;// ES6 模板字符串 引用 rsa 公钥
  let encryptStr = new JSEncrypt();
  encryptStr.setPublicKey(pubKey); // 设置 加密公钥
  let  data = encryptStr.encrypt(str.toString());  // 进行加密
  return data;
}

4. 使用加密方法

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

//若报错  重启项目 npm run dev