VueJs里利用CryptoJs实现加密及解密的方法示例
2019-04-29 08:28
393 查看
第一步 安装
安装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是加密函数
第一个参数是需要加密的明文
第二个参数是加密过程中使用的秘钥
以上就是本文的全部内容,希望对大家的学习有所帮助
您可能感兴趣的文章:
相关文章推荐
- PHP实现超简单的SSL加密解密、验证及签名的方法示例
- Java与Node.js利用AES加密解密出相同结果的方法示例
- Javascript实现base64的加密解密方法示例
- Python实现对字符串的加密解密方法示例
- Java-web中利用RSA进行加密解密操作的方法示例
- .NET中加密和解密的实现方法
- C# 实现 数据加密、解密方法
- python利用拉链法实现字典方法示例
- 利用java自带的base64实现加密、解密
- JS实现的3des+base64加密解密算法完整示例
- 利用java自带的base64实现加密、解密
- .NET中加密和解密的实现方法
- .NET中加密和解密的实现方法
- 利用MVC的过滤器实现url的参数加密和解密
- php实现基于openssl的加密解密方法
- Java AES加密解密的简单实现方法
- jquery实现登录加密的几种方法以及cookie存放加密/解密
- php实现的三个常用加密解密功能函数示例
- MySQL利用AES_ENCRYPT()与AES_DECRYPT()加解密的正确方法示例
- asp.net下XML的加密和解密实现方法