第一步 安裝

安裝crypto-js

第二步 創(chuàng)建

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

/**

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

*/

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

export default {

/*

* 對密碼進(jìn)行加密，傳輸給后臺進(jì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ù)

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

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

我是一個小小白，誰能摸黑我快點來

總結(jié)

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

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