在Vue項目中使用jsencrypt.js對數(shù)據(jù)進行加密傳輸

lordharrd 發(fā)布于2019-08-23 16:58 / 2981人閱讀

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

項目需求中需要對用戶登錄時的密碼進行加密，在網(wǎng)上查詢些許文章后，最終與后端協(xié)商使用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"

可封裝為全局混合，便于調(diào)用
公鑰為后端提供，如前端需要解密數(shù)據(jù)，則也需要后端提供私鑰。

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

調(diào)用函數(shù)加密，此處的公鑰是我從后端那獲取的，然后加密密碼，這僅使用加密。

encryptedPassword = this.encryptedData(publicKey, password);

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

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

文章版權歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/103607.html

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

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

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

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

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

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

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

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

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

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

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