当前位置: 代码网 > it编程>前端脚本>Vue.js > vue项目之前端CryptoJS加密、解密代码示例

vue项目之前端CryptoJS加密、解密代码示例

2024年11月25日 Vue.js 我要评论
1、vue项目需要安装cryptojs安装包npm install crypto-js2、在项目中引入cryptojsimport cryptojs from 'crypto-js'3、使用,代码如下

1、vue项目需要安装cryptojs安装包

npm install crypto-js

2、在项目中引入cryptojs

import cryptojs from 'crypto-js'

3、使用,代码如下

// 此处key为16进制
 let key = 'jiajiajiajiajiajiajiajia';
  console.log('密钥:', key);
  // key格式化处理
  key = cryptojs.enc.utf8.parse(key)
  // 偏移量长度为16位, 注:偏移量需要与后端定义好,保证一致
  let iv = "37fa77f6a3b0462d";
  iv = cryptojs.enc.utf8.parse("37fa77f6a3b0462d");
  // 加密内容
  const source = {
  "username": "用户名",
  "password": "密码",
  "timestamp": new date().gettime()
	}
	const content = json.stringify(source);
  console.log('加密前:', source);
  // 加密方法
  const encryptedcontent = cryptojs.aes.encrypt(content, key, {
      iv: iv,
      mode: cryptojs.mode.cbc,  
      padding: cryptojs.pad.pkcs7
  })
  const encstr = encryptedcontent.ciphertext.tostring()
  console.log("加密后:", encstr);
  // 解密方法
  const decryptedcontent = cryptojs.aes.decrypt(cryptojs.format.hex.parse(encstr), key, {
      iv: iv,
      mode: cryptojs.mode.cbc,  
      padding: cryptojs.pad.pkcs7
  })
  console.log('解密:',cryptojs.enc.utf8.stringify(decryptedcontent));

总结 

到此这篇关于vue项目之前端cryptojs加密、解密的文章就介绍到这了,更多相关前端cryptojs加密、解密内容请搜索代码网以前的文章或继续浏览下面的相关文章希望大家以后多多支持代码网!

(0)

相关文章:

版权声明:本文内容由互联网用户贡献,该文观点仅代表作者本人。本站仅提供信息存储服务,不拥有所有权,不承担相关法律责任。 如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 2386932994@qq.com 举报,一经查实将立刻删除。

发表评论

验证码:
Copyright © 2017-2025  代码网 保留所有权利. 粤ICP备2024248653号
站长QQ:2386932994 | 联系邮箱:2386932994@qq.com