如何在VUE-CLI手脚架建立的工程中使用3des加密:

1
npm install crypto-js --save-dev
1
import CryptoJS from 'crypto-js'
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
//DES加密 Pkcs7填充方式
encryptByDES(message, key){
  const keyHex = CryptoJS.enc.Utf8.parse(key);
  const encrypted = CryptoJS.DES.encrypt(message, keyHex, {
   mode: CryptoJS.mode.ECB,
   padding: CryptoJS.pad.Pkcs7
   });
  return encrypted.toString();
}
//DES解密
decryptByDES(ciphertext, key){
  const keyHex = CryptoJS.enc.Utf8.parse(key);
  // direct decrypt ciphertext
  const decrypted = CryptoJS.DES.decrypt({
     ciphertext: CryptoJS.enc.Base64.parse(ciphertext)
   }, keyHex, {
     mode: CryptoJS.mode.ECB,
     padding: CryptoJS.pad.Pkcs7
  });
  return decrypted.toString(CryptoJS.enc.Utf8);
}
const _key = 'abcdefghijklmn'
const _password = '123456'
//加密
console.log(this.encryptByDES(_password,_key))
//解密
console.log(this.decryptByDES(_password,_key))

转载于:https://www.cnblogs.com/rita-0204/p/9530576.html

怎样操作vue.js使用3DES加密相关推荐

  1. js的3DES加密与解密

    3DES的加密与解密 Base64与Hex Base64与Hex都属于编码形式,Hex又称Base16.在3DES的加密与解密过程中,需要进行两种编码形式的转换. 3DES的加密 首先first.ht ...

  2. VUE 如何使用3DES加密

    如何在VUE-CLI手脚架建立的工程中使用3des加密: npm install crypto-js --save-dev import CryptoJS from 'crypto-js' //DES ...

  3. js前端3des加密 后台java解密

    import java.security.Key; import java.security.SecureRandom; import javax.crypto.Cipher; import java ...

  4. 7.node.js的3DES 加密和解密的方法封装

    原文:http://blog.csdn.net/ererfei/article/details/73558226 1 var assert = require('assert'); 2 var cry ...

  5. Vue.js组件化开发实践

    Vue.js组件化开发实践 前言 公司目前制作一个H5活动,特别是有一定统一结构的活动,都要码一个重复的轮子.后来接到一个基于模板的活动设计系统的需求,便有了一下的内容.首先会对使用Vue进行开发的一 ...

  6. VUE.JS 组件化开发实践

    前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.点击跳转到教程. 前言 公司目前制作一个H5活动,特别是有一定统一结构的活动,都要码一个重复的轮子.后来接到一个基于模 ...

  7. Vue.js教程-目录

    Vue.js教程-目录 简介 章节列表 Vue简介 Vue特点 Vue中数据观测的实现 Vue项目打包 Vue的组件化开发 Vue与后端的数据交互:axios 相关说明 简介 本目录作为Vue教程的首 ...

  8. 技能学习:学习使用php(tp6框架) + vue.js,开发前端全栈网站-3.路由、模型与数据库操作

    技能学习:学习使用php(tp6框架) + vue.js,开发前端全栈网站-3.路由.模型与数据库操作 技能学习:学习使用php(tp6框架) + vue.js,开发前端全栈网站-1.工具和本地环境 ...

  9. 技能学习:学习使用php(tp6框架) + vue.js,开发前端全栈网站-5.用户登录,密码的bcrypt(hash)加密与验证

    技能学习:学习使用php(tp6框架) + vue.js,开发前端全栈网站-5.用户登录,密码的bcrypt(hash)加密与验证 技能学习:学习使用php(tp6框架) + vue.js,开发前端全 ...

最新文章

  1. 银行软件开发实习生_如何找到学生的软件开发人员实习生
  2. cometoj contest 6(记录型博客)
  3. 学习Spring Boot:(十五)使用Lombok来优雅的编码
  4. WDM驱动程序入门(1)-Hello WDM
  5. MyBatis配置文件出现错误,已解决(The content of element type )
  6. [转载] ml-8-1-聚类( ( Clustering) )
  7. centos虚拟机克隆
  8. javascript中的滚动到顶部和Scroll有关的方法
  9. 物联网、大数据和云计算的关系
  10. 发布Flv合并器的.net版
  11. html中放大镜字体图标,CSS3 放大镜应用图标
  12. WEB前端 -- onfocus=quot;this.blur()quot;
  13. 2021年一个python画图的完整代码
  14. Excel将多行相同数据合并成一行并居中显示
  15. vb透明控件窗体不透明函数
  16. 面试官:聊一聊SpringBoot服务监控机制
  17. linux虚拟机和主机的文件拷贝
  18. 赤兔Android数据恢复专业版发布啦
  19. 人工神经网络算法与机器算法是相同的算法吗
  20. 苹果手机如何关闭自动续费_微信支付宝一键关闭自动续费

热门文章

  1. Linux下用于查看系统当前登录用户信息的4种方法
  2. 前端开发之retina屏幕
  3. Linux内核设计第五周学习总结 分析system_call中断处理过程
  4. 实战:在Windows Server2008上配置NLB
  5. sap business one 笑谈
  6. 构建插件式的应用程序框架(六)----通讯机制(ZT)
  7. MySQL中char与varchar的区别
  8. Wedge 100-32X 100GbE Data Center Switch
  9. Google I/O 2017 大会时间表出炉:安卓 8.0 时代来临
  10. 填问卷赢280元SaaS峰会门票 与Salesforce、Zenefits现场交流!