vue项目中使用RSA加密

Posted 2022-12-04 crazy-girl

1.按装依赖

npm install jsencrypt --save

2.main.js中引用依赖

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

3.在login.vue中使用加密

      loginIn()  
        this.none=true        
        let rasPw = this.$getRsaCode(this.loginForm.password); // ras 加密 密码  if (!this.loginForm.username || !this.loginForm.password) 
           return ‘‘   
       else
        let para=
          loginName:this.loginForm.username,       
          // passWord:this.loginForm.password
          passWord:rasPw
        ;
       axios.post(`$axios.defaults.baseURL7/login`,qs.stringify(para))
        .then(res=>
           console.log(res.data,7777);
      
           else
              this.$message.error(res.data.msg)
           
   
        )