Vue使用JSEncrypt實(shí)現(xiàn)rsa加密及掛載方法

1.安裝依賴 npm install jsencrypt 
2.在main.js引入 import { JSEncrypt } from 'jsencrypt' 
3.掛載全局方法
//JSEncrypt加密方法
Vue.prototype.$encryptedData = function(publicKey, data) {
 //new一個(gè)對(duì)象
 let encrypt = new JSEncrypt()
 //設(shè)置公鑰
 encrypt.setPublicKey(publicKey)
 //password是要加密的數(shù)據(jù),此處不用注意+號(hào),因?yàn)閞sa自己本身已經(jīng)base64轉(zhuǎn)碼了,不存在+,全部是二進(jìn)制數(shù)據(jù)
 let result = encrypt.encrypt(password)
 return result
}
//JSEncrypt解密方法
Vue.prototype.$decryptData = function(privateKey, data) {
 // 新建JSEncrypt對(duì)象
 let decrypt = new JSEncrypt()
 // 設(shè)置私鑰
 decrypt.setPrivateKey(privateKey)
 // 解密數(shù)據(jù)
 let result = decrypt.decrypt(secretWord)
 return result
}

import { JSEncrypt } from 'jsencrypt'
export const RsaMixin = {
 methods: {
  // 加密
  encryptedData(publicKey, data) {
   // 新建JSEncrypt對(duì)象
   let encryptor = new JSEncrypt();
   // 設(shè)置公鑰
   encryptor.setPublicKey(publicKey);
   // 加密數(shù)據(jù)
   return encryptor.encrypt(data);
  },
  // 解密
  decryptData(privateKey,data){
   // 新建JSEncrypt對(duì)象
   let decrypt= new JSEncrypt();
   // 設(shè)置私鑰
   decrypt.setPrivateKey(privateKey);
   // 解密數(shù)據(jù)
   decrypt.decrypt(secretWord);
  }
 }
}

<script>
 import InvoiceRecordModal from './modules/InvoiceRecordModal'
 import { RsaMixin } from '@/mixins/RsaMixin'

 export default {
 name: "InvoiceRecordList",
 //此時(shí)可以直接調(diào)用混入的方法
 mixins:[RsaMixin],
 data(){},
 computed:{}
 }
</script>

methods: {
 // 加密
 encryptedData(publicKey, data) {
  // 新建JSEncrypt對(duì)象
  let encryptor = new JSEncrypt();
  // 設(shè)置公鑰
  encryptor.setPublicKey(publicKey);
  // 加密數(shù)據(jù)
  return encryptor.encrypt(data);
 },
 // 解密
 decryptData(privateKey,data){
  // 新建JSEncrypt對(duì)象
  let decrypt= new JSEncrypt();
  // 設(shè)置私鑰
  decrypt.setPrivateKey(privateKey);
  // 解密數(shù)據(jù)
  decrypt.decrypt(secretWord);
 }
 }