欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

VueJs里利用CryptoJs實現(xiàn)加密及解密的方法示例

 更新時間:2019年04月29日 08:28:31   作者:其實我喜歡喝咖啡  
這篇文章主要介紹了VueJs里利用CryptoJs實現(xiàn)加密及解密的方法示例,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧

第一步 安裝

安裝crypto-js

第二步 創(chuàng)建

在js文件目錄下創(chuàng)建一個js文件secret

/**
 * 對頁面上輸入的密碼進行加密傳輸給后臺進行驗證,對返回的數(shù)據(jù)進行解密,在頁面展示
 */
let CryptoJS = require('crypto-js'); // 引入AES源碼js
export default {
/*
* 對密碼進行加密,傳輸給后臺進行驗證
* @param {String}   word  需要加密的密碼
* @param {String}   keyStr  對密碼加密的秘鑰
* @return {String}   加密的密文
* */
encrypt(word, keyStr) { // 加密
  keyStr = keyStr ? keyStr : 'ABGHNJHGSHUYG12';
  let key = CryptoJS.enc.Utf8.parse(keyStr);
  let srcs = CryptoJS.enc.Utf8.parse(word);
  let encrypted = CryptoJS.AES.encrypt(srcs, key, {
    mode: CryptoJS.mode.ECB,
    padding: CryptoJS.pad.Pkcs7
  });
  return encrypted.toString();
},
/*
* 對加密之后的密文在頁面上進行解密,以便用戶進行修改
* @param {String}   word  需要加密的密碼
* @param {String}   keyStr  對密碼加密的秘鑰
* @return {String}   解密的明文
* */
decrypt(word, keyStr) { // 解密
  keyStr = keyStr ? keyStr : 'ABGHNJHGSHUYG12';
  let key = CryptoJS.enc.Utf8.parse(keyStr);
  let decrypt = CryptoJS.AES.decrypt(word, key, {
    mode: CryptoJS.mode.ECB,
    padding: CryptoJS.pad.Pkcs7
  });
  return CryptoJS.enc.Utf8.stringify(decrypt).toString();
},
};

第三步,引入

在具體的加解密模塊中引入文件

并且對需要加密的密碼使用加密函數(shù)進行加密

encrypt是加密函數(shù)

第一個參數(shù)是需要加密的明文

第二個參數(shù)是加密過程中使用的秘鑰

以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

  • 詳解vue跨組件通信的幾種方法

    詳解vue跨組件通信的幾種方法

    本篇文章主要介紹了詳解vue跨組件通信的幾種方法 ,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-06-06
  • vue實現(xiàn)內(nèi)容可滾動的彈窗效果

    vue實現(xiàn)內(nèi)容可滾動的彈窗效果

    這篇文章主要為大家詳細介紹了vue實現(xiàn)內(nèi)容可滾動的彈窗效果,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2021-09-09
  • vue實現(xiàn)兩級select聯(lián)動+input賦值+select選項清空

    vue實現(xiàn)兩級select聯(lián)動+input賦值+select選項清空

    這篇文章主要介紹了vue實現(xiàn)兩級select聯(lián)動+input賦值+select選項清空過程,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
    2024-08-08
  • 實用的Vue開發(fā)技巧

    實用的Vue開發(fā)技巧

    這篇文章主要介紹了7個實用的Vue開發(fā)技巧文。中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,下面我們來一起學習一下吧
    2019-05-05
  • Vue3中使用this的詳細教程

    Vue3中使用this的詳細教程

    在vue3中新的組合式API中沒有this,那我們?nèi)绻枰玫絫his怎么辦?下面這篇文章主要給大家介紹了關(guān)于Vue3中使用this的詳細教程,需要的朋友可以參考下
    2023-07-07
  • vue cross-env使用和配置方法

    vue cross-env使用和配置方法

    cross-env 是一個非常實用的 Node.js 包,它允許你跨平臺(Windows, macOS, Linux)使用環(huán)境變量,這對于在不同的操作系統(tǒng)上運行腳本時保持一致性非常有用,這篇文章主要介紹了vue cross-env使用和配置方法,需要的朋友可以參考下
    2024-08-08
  • vue 封裝自定義組件之tabal列表編輯單元格組件實例代碼

    vue 封裝自定義組件之tabal列表編輯單元格組件實例代碼

    這篇文章主要介紹了vue 封裝自定義組件tabal列表編輯單元格組件實例代碼,需要的朋友可以參考下
    2017-09-09
  • vue3渲染函數(shù)(h函數(shù))的變更剖析

    vue3渲染函數(shù)(h函數(shù))的變更剖析

    這篇文章主要介紹了vue3渲染函數(shù)(h函數(shù))的變化,文中給大家介紹了h函數(shù)的三個參數(shù)詳細說明及vue3 h函數(shù)-綁定事件,本文通過實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2022-10-10
  • 如何封裝了一個vue移動端下拉加載下一頁數(shù)據(jù)的組件

    如何封裝了一個vue移動端下拉加載下一頁數(shù)據(jù)的組件

    這篇文章主要介紹了如何封裝了一個vue移動端下拉加載下一頁數(shù)據(jù)的組件,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2019-01-01
  • 淺談vue 組件中的setInterval方法和window的不同

    淺談vue 組件中的setInterval方法和window的不同

    這篇文章主要介紹了淺談vue 組件中的setInterval方法和window的不同,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2020-07-07

最新評論