VueJs里利用CryptoJs实现加密及解密的方法示例
程序员文章站
2023-12-15 12:49:34
第一步 安装
安装crypto-js
第二步 创建
在js文件目录下创建一个js文件secret
/**
* 对页面上输入的密码进行...
第一步 安装
安装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是加密函数
第一个参数是需要加密的明文
第二个参数是加密过程中使用的秘钥
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。