
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加密、解密内容请搜索代码网以前的文章或继续浏览下面的相关文章希望大家以后多多支持代码网!
发表评论