在Vue項目中使用jsencrypt.js對數據進行加密傳輸

lordharrd 發布于2019-08-23 16:58 / 2976人閱讀

摘要：項目需求中需要對用戶登錄時的密碼進行加密，在網上查詢些許文章后，最終與后端協商使用。的地址使用安裝至項目或者使用引入可封裝為全局混合，便于調用公鑰為后端提供，如前端需要解密數據，則也需要后端提供私鑰。更多使用可查閱官方文檔

項目需求中需要對用戶登錄時的密碼進行加密，在網上查詢些許文章后，最終與后端協商使用jsencrypt.js。

jsencrypt.js的github地址：https://github.com/travist/js...

使用yarn安裝至Vue項目

yarn add jsencrypt --dep

或者使用npm

npm install jsencrypt --dep

引入jsencrypt

import { JSEncrypt } from "jsencrypt"

可封裝為全局混合，便于調用
公鑰為后端提供，如前端需要解密數據，則也需要后端提供私鑰。

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

調用函數加密，此處的公鑰是我從后端那獲取的，然后加密密碼，這僅使用加密。

encryptedPassword = this.encryptedData(publicKey, password);

即完成加密。
更多使用可查閱官方文檔http://travistidwell.com/jsen...

GPU云服務器云服務器在防火墻中可以對什么網絡進行設置數據傳輸過程中加密 vue 中使用 webrtc vue中使用webrtc

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/103607.html

前端基本功-常見概念(一)

摘要：前端基本功常見概念一點這里前端基本功常見概念二點這里前端基本功常見概念三點這里什么是原型鏈當一個引用類型繼承另一個引用類型的屬性和方法時候就會產生一個原型鏈。函數式編程是聲明式而不是命令式，并且應用程序狀態通過純函數流轉。前端基本功-常見概念(一) 點這里前端基本功-常見概念(二) 點這里前端基本功-常見概念(三) 點這里 1.什么是原型鏈當一個引用類型繼承另一個引用類型的屬性和方...

bladefury 2019-08-23 14:41 評論0 收藏0
加密解密算法介紹

摘要：加密解密算法介紹算法目前常見有加密算法，散列算法，編碼算法，使用位關鍵字作為流加密算法加密技術通常分為兩大類對稱式和非對稱式。對稱性加密算法有用途對稱加密算法用來對敏感數據等信息進行加密數據加密標準，速度較快，適用于加密大量數據的場合。加密解密算法介紹算法目前常見有：加密算法，散列算法，Base64(編碼算法)，https(SSL使用40位關鍵字作為RC4流加密算法) 加密技術通...

ThinkSNS 2019-08-23 14:00 評論0 收藏0
PHPer面試指南-Web 篇

摘要：擴展閱讀收集的前端面試題和答案前端開發面試題史上最全的前端面試題匯總及答案前端工程師手冊協議工作原理協議運行機制的概述本書的 GitHub 地址：https://github.com/todayqq/PH... 對于大公司，很少會有全棧工程師這個崗位，全棧是個花哨的詞，對于現在比較熱門的技術，不論是 Vue 還是 Laravel，只要智商不差，看著文檔，都能寫出一個 CURD 來，...

cnio 2019-06-28 18:19 評論0 收藏0
"雙非"應屆生校招如何獲得大廠青睞?（內附前端大廠面經+技術崗超全求職攻略）

摘要：拿到秋招的同學，如確定入職需與用人單位簽署三方協議，以保證雙方的利益不受損失。當然每個崗位所要求的側重點不同，但卻百變不離其宗。方法論要想達成某個目標都有其特定的方法論，學習技術也不例外，掌握適當的學習方法才能事半功倍。寫在前面的話筆者從17年的2月份開始準備春招，其中遇到不少坑，也意識到自己走過的彎路。故寫了這篇文章總結一番，本文適合主動學習的，對自己要學的課程不明確的，對面試有...

jeffrey_up 2019-08-30 14:23 評論0 收藏0
"雙非"應屆生校招如何獲得大廠青睞?（內附前端大廠面經+技術崗超全求職攻略）

摘要：拿到秋招的同學，如確定入職需與用人單位簽署三方協議，以保證雙方的利益不受損失。當然每個崗位所要求的側重點不同，但卻百變不離其宗。方法論要想達成某個目標都有其特定的方法論，學習技術也不例外，掌握適當的學習方法才能事半功倍。寫在前面的話筆者從17年的2月份開始準備春招，其中遇到不少坑，也意識到自己走過的彎路。故寫了這篇文章總結一番，本文適合主動學習的，對自己要學的課程不明確的，對面試有...

lindroid 2019-08-26 17:25 評論0 收藏0