Vue.js中如何使用CryptoJs库实现长尾词的加密与解密操作？

本文共计459个文字，预计阅读时间需要2分钟。

第一步 + 安装 + 安装crypto-js第二步 + 创建 + 在js文件目录下创建一个js文件名为secret.js/*** 对页面上的输入密码进行加密，传输给后端进行验证** 对返回的数据进行解密，在页面展示*/let CryptoJS=require('crypto-js');

第一步 安装

安装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是加密函数

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

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

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持自由互联。