vue項目中使用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-----
 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)
           }
   
        })    
      
      }
               
      }