第一步 安裝

安裝crypto-js

第二步 創(chuàng)建

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

/**

* 對(duì)頁面上輸入的密碼進(jìn)行加密傳輸給后臺(tái)進(jìn)行驗(yàn)證，對(duì)返回的數(shù)據(jù)進(jìn)行解密，在頁面展示

*/

let CryptoJS = require('crypto-js'); // 引入AES源碼js

export default {

/*

* 對(duì)密碼進(jìn)行加密，傳輸給后臺(tái)進(jìn)行驗(yàn)證

* @param {String} word 需要加密的密碼

* @param {String} keyStr 對(duì)密碼加密的秘鑰

* @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();

},

/*

* 對(duì)加密之后的密文在頁面上進(jìn)行解密，以便用戶進(jìn)行修改

* @param {String} word 需要加密的密碼

* @param {String} keyStr 對(duì)密碼加密的秘鑰

* @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();

},

};

第三步，引入

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

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

encrypt是加密函數(shù)

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

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

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

總結(jié)

以上是生活随笔為你收集整理的cryptojs vue 使用_VueJs里利用CryptoJs实现加密及解密的方法示例的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。