Powered by md-Blog  文 - 篇  访客 -

Vue.js整合CryptoJS对前端数据进行加密解密


  分类:Vue  / 
更新:2021-11-11 19:05:02  /  创建:2021-11-11 19:05:02
不要删除

一、安装插件 CryptoJS

yarn add crypto-js

二、创建加密函数文件

/src/secret/index.js
import CryptoJS from 'crypto-js';
    
const key = CryptoJS.enc.Utf8.parse("1234123412ABCDEF");  //十六位十六进制数作为密钥
const iv = CryptoJS.enc.Utf8.parse('ABCDEF1234123412');   //十六位十六进制数作为密钥偏移量

//加密方法
function Lock(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();
}

//解密方法
function UnLock(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 default {
    Lock ,
    UnLock
}

三、加密调用

import secret from '../secret/index'

secret.Lock('加密文本');

四、解密调用

import secret from '../secret/index'

secret.UnLock('解密文本');

不要删除

小站不易,感谢支持!