1.首先把项目初始化 下载crypto-js
yarn add crypto-js
2.在src
的utils
目录下新建一encryption.js
PS:如果只是用一下,实现一下加密效果,直接复制粘贴再调用就可以了!
3.文件内容
const key = CryptoJS.enc.Utf8.parse('1234123412ABCDEF'); //十六位十六进制数作为密钥
const iv = CryptoJS.enc.Utf8.parse('ABCDEF1234123412'); //十六位十六进制数作为密钥偏移量
import CryptoJS from 'crypto-js';
/* 加密 */
function Encrypt(word) {
let srcs = CryptoJS.enc.Utf8.parse(word);
let encrypted = CryptoJS.AES.encrypt(srcs, key, {
iv: iv,
mode: CryptoJS.mode.CBC,
padding: CryptoJS.pad.Pkcs7
});
return encrypted.ciphertext.toString().toUpperCase();
}
/* 解密 - PRIVATE_KEY - 验证 */
function Decrypt(word) {
let encryptedHexStr = CryptoJS.enc.Hex.parse(word);
let srcs = CryptoJS.enc.Base64.stringify(encryptedHexStr);
let decrypt = CryptoJS.AES.decrypt(srcs, key, {
iv: iv,
mode: CryptoJS.mode.CBC,
padding: CryptoJS.pad.Pkcs7
});
let decryptedStr = decrypt.toString(CryptoJS.enc.Utf8);
return decryptedStr.toString();
}
export {
Encrypt,
Decrypt
}
4.这里就是开始使用了!
在需要使用的组件中引入刚才咱们新建的js文件
引入
import { Encrypt, Decrypt } from "@/utils/encryption.js";
调用
let str = '打打打打'
//加密
let encryptStr=Encrypt(str);
console.log(encryptStr) //55497C875AA7E5B53EE01659E549F16B
//解密
let encryptStr=Encrypt(str);
console.log(encryptStr) //打打打打
这里就成功使用了,你需要根据自己的使用场景调整代码,so easy