码迷,mamicode.com
首页 > 其他好文 > 详细

vue项目中使用RSA加密

时间:2019-09-26 11:44:49      阅读:362      评论:0      收藏:0      [点我收藏+]

标签:set   UNC   data   inf   erro   login   code   let   log   

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)
           }
   
        })    
      
      }
               
      }    

 

vue项目中使用RSA加密

标签:set   UNC   data   inf   erro   login   code   let   log   

原文地址:https://www.cnblogs.com/crazy-girl/p/11589423.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!