天天看點

Vue項目中的前端加密詳解

在項目中我們常用到的兩種加密方式:

  1. sha 256加密
  2. RSA加密

在項目中的使用方法總結如下:

一、 sha256加密

  1. npm安裝sha256庫
Vue項目中的前端加密詳解
  1.  安裝完成
Vue項目中的前端加密詳解

3.可以去項目配置檔案中package.json中檢視

Vue項目中的前端加密詳解

4.在子產品中使用,引入sha256庫,對需要加密的字元進行加密傳輸

Vue項目中的前端加密詳解

二、 RSA加密

  1. npm安裝RSA庫
Vue項目中的前端加密詳解

2.安裝完成

Vue項目中的前端加密詳解

3. 可以去項目配置檔案中package.json中檢視

Vue項目中的前端加密詳解

4. import jsencrypt到項目中來

Vue項目中的前端加密詳解

5.使用公鑰加密

(1)定義

Vue項目中的前端加密詳解

(2)擷取公鑰

Vue項目中的前端加密詳解

(3)執行個體化一個JSEncrypt對象

Vue項目中的前端加密詳解

(4) RSA加密傳輸完成

Vue項目中的前端加密詳解

繼續閱讀