第一步 安装

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

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

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

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

cryptojs vue 使用_VueJs里利用CryptoJs实现加密及解密的方法示例相关推荐

  1. cryptojs vue 使用_VueJs里利用CryptoJs实现加密及解密

    第一步 安装 安装crypto-js 第二步 创建 在js文件目录下创建一个js文件secret /** * 对页面上输入的密码进行加密传输给后台进行验证,对返回的数据进行解密,在页面展示 */ le ...

  2. python rsa 公钥解密_python利用rsa库做公钥解密的方法教程

    前言 对于RSA的解密,即密文的数字的 D 次方求mod N 即可,即密文和自己做 D 次乘法,再对结果除以 N 求余数即可得到明文.D 和 N 的组合就是私钥(private key). 算法的加密 ...

  3. python画一颗心_利用python画一颗心的方法示例

    前言 Python一般使用Matplotlib制作统计图形,用它自己的说法是'让简单的事情简单,让复杂的事情变得可能'.用它可以制作折线图,直方图,条形图,散点图,饼图,谱图等等你能想到的和想不到的统 ...

  4. 如何用python画心形_利用python画一颗心的方法示例

    前言 Python一般使用Matplotlib制作统计图形,用它自己的说法是'让简单的事情简单,让复杂的事情变得可能'.用它可以制作折线图,直方图,条形图,散点图,饼图,谱图等等你能想到的和想不到的统 ...

  5. crypto-js 加密、解密使用方法

    一.安装crypto-js npm install crypto-js 二.引入crypto-js 支持ES6导入.Modular import CryptoJS from "crypto- ...

  6. (译)利用ASP.NET加密和解密Web.config中连接字符串

    介绍 这篇文章我将介绍如何利用ASP.NET来加密和解密Web.config中连接字符串 背景描述 在以前的博客中,我写了许多关于介绍 Asp.net, Gridview, SQL Server, A ...

  7. css vue 选项卡_vuejs实现标签选项卡动态更改css样式的方法

    html {{item.name}} js var app = new Vue({ el:"#app", router, data:{ m:"hello vue.js&q ...

  8. python批量修改word特定位置的内容_利用python批量修改word文件名的方法示例

    {"moduleinfo":{"card_count":[{"count_phone":1,"count":1}],&q ...

  9. python cryptography key加密_python3利用cryptography 进行加密和解密

    我们的日常工作中,一定会遇到需要加密的数据,比如:密码.私密信息... ... 我们不仅要对他们进行加密,更需要对他们进行解密,因为毕竟我们的用户应该不会看得懂加密过后的字符串吧!!! 在python ...

最新文章

  1. Data - 数据思维 - 中篇
  2. 思科设置密码及一些基本操作
  3. 08 | 案例篇:系统中出现大量不可中断进程和僵尸进程怎么办?(下)
  4. java的jmm模型_【深入理解JVM】:Java内存模型JMM
  5. 这波疫情,中国会弯道超车么?
  6. [moka同学笔记]WINDOWS中cmd的切换目录cd命令失效
  7. 编译OpenJDK12:Could not find any dlls in /cygdrive/c/progra~2/wi3cf2~1/10/Redist/ucrt/DLLs/x64
  8. 达梦数据库dm8使用心得
  9. 六 Python 字典与集合
  10. python实现Instagram网络爬虫
  11. 博主已出版的全部译作汇总
  12. python编写判断素数的函数并找出前五个摩尼森数_五十八、如何对一个数进行分解质因数...
  13. 树莓派 下如何查看有哪些服务(service)
  14. 计算机R3处理器,【新CPU】入门级真香!全新锐龙APU之R3-4200G/4350G评测
  15. 2020年日历电子版(打印版)_2020年日历表(竖版-A4纸打印版)
  16. ICCV2021: 淘系素材制备平台中的自研交互式分割技术(含试用demo)
  17. 在手机上,可以把微信图片中的文字给识别出来吗?
  18. CentOS 如何更改SSH端口的方法
  19. 重装系统无法在计算机上运行,升级 Windows10 RS1 之后系统频繁提示 “此应用无法在此电脑上运行”...
  20. 灿芯股份冲刺科创板上市:计划募资6亿元,中芯国际、小米为股东

热门文章

  1. Angular @Effect监听指定Action类型的实现原理
  2. SAP Spartacus PagelayoutComponent里的template
  3. 100行JavaScript代码实现JavaScript
  4. 2015-03-18 - Deliberately pass a wrong note type for my task creation
  5. 处理ABAP Netweaver gateway service使用过程中遇到的400 error - invalid key predicate type for guid
  6. running Extension project directly on ABAP server without Launchpad
  7. SAP Cloud for Customer的Calculated field字段
  8. Marketing Cloud的语音输入功能
  9. coach和mentor,教练和导师的区别
  10. 如何根据jar包的名称找到包含对应源代码的jar包