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

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

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

第一步 安裝

安裝crypto-js

第二步 創(chuàng)建

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

/**
 * 對頁面上輸入的密碼進(jìn)行加密傳輸給后臺進(jìn)行驗(yàn)證，對返回的數(shù)據(jù)進(jìn)行解密，在頁面展示
 */
let CryptoJS = require('crypto-js'); // 引入AES源碼js
export default {
/*
* 對密碼進(jìn)行加密，傳輸給后臺進(jìn)行驗(yàn)證
* @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();
},
/*
* 對加密之后的密文在頁面上進(jìn)行解密，以便用戶進(jìn)行修改
* @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ù)進(jìn)行加密

encrypt是加密函數(shù)

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

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

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

相關(guān)文章

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

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

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

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

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

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

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

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

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

    Vue3中使用this的詳細(xì)教程

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

    vue cross-env使用和配置方法

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

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

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

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

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

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

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

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

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

最新評論