当前位置： 移动技术网 > IT编程>脚本编程>vue.js > VueJs里利用CryptoJs实现加密及解密的方法示例

VueJs里利用CryptoJs实现加密及解密的方法示例

2019年07月20日  | 移动技术网IT编程  | 我要评论

亚当·舒尔曼,洛阳信息港偃师户外,中南大羚

第一步 安装

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

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

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

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持移动技术网。

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网