VueJs里应用CryptoJs完成加密及解密

2019年9月1日 312次阅读 来源: 其实我喜欢喝咖啡

第一步 装置
装置crypto-js
《VueJs里应用CryptoJs完成加密及解密》

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

《VueJs里应用CryptoJs完成加密及解密》

/**
 * 对页面上输入的暗码举行加密传输给背景举行考证，对返回的数据举行解密，在页面展现
 */
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();
},
};

第三步，引入
在详细的加解密模块中引入文件

《VueJs里应用CryptoJs完成加密及解密》

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

《VueJs里应用CryptoJs完成加密及解密》

encrypt是加密函数
第一个参数是须要加密的明文
第二个参数是加密过程当中运用的秘钥

《VueJs里应用CryptoJs完成加密及解密》

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

    原文作者：其实我喜欢喝咖啡
    原文地址: https://segmentfault.com/a/1190000019019472
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞