vue登录页面+3DES加密解密

最新推荐文章于 2024-07-06 19:56:56 发布

喝星茶发o_o ....

最新推荐文章于 2024-07-06 19:56:56 发布

阅读量609

点赞数

分类专栏： vue 文章标签： vue js

本文链接：https://blog.csdn.net/weixin_44479957/article/details/118692518

版权

本文介绍如何在Vue.js登录页面中使用3DES加密技术，通过展示安装crypto-js库的命令以及在app.vue文件中的应用，阐述了3DES在前端安全中的应用。

摘要由CSDN通过智能技术生成

展示图片

在这里插入图片描述

命令

vue3DES加密命令
npm install crypto-js --save-dev

代码

外部js页面

import CryptoJS from "crypto-js";
//DES加密 Pkcs7填充方式
export const 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解密
export const 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);
}