cryptojs vue 使用_VueJs里应用CryptoJs完成加密及解密

第一步 装置

装置crypto-js

第二步 建立

在js文件目录下建立一个js文件secret

/**

* 对页面上输入的暗码举行加密传输给背景举行考证，对返回的数据举行解密，在页面展现

*/

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

},

};

第三步，引入

在详细的加解密模块中引入文件

而且对须要加密的暗码运用加密函数举行加密

encrypt是加密函数

第一个参数是须要加密的明文

第二个参数是加密过程当中运用的秘钥

我是一个小小白，谁能摸黑我快点来