vue前端密码加密，springboot后端密码解密

最新推荐文章于 2025-04-18 14:21:01 发布

weixin_43934513

最新推荐文章于 2025-04-18 14:21:01 发布

阅读量6.6k

点赞数 6

本文链接：https://blog.youkuaiyun.com/weixin_43934513/article/details/108982981

版权

本文介绍了如何在Vue前端应用中使用加密方法对密码进行加密，并在SpringBoot后端进行解密验证的过程。主要包括前端模块安装、加密工具文件创建、登录请求加密密码、后端引入解密工具及控制器解密步骤。测试结果显示，加密后的密码与前端传递到后端的保持一致，解密后能恢复原始密码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在这里插入图片描述
1.模块安装

npm install crypto-js

2.src–>util–>secret.js

import CryptoJS from 'crypto-js'

// 默认的 KEY 与 iv 如果没有给
const KEY = CryptoJS.enc.Utf8.parse("1234567890123456");
const IV = CryptoJS.enc.Utf8.parse('1234567890123456');
/**
 * AES加密 ：字符串 key iv  返回base64
 */
export function Encrypt(word, keyStr, ivStr) {
  let key = KEY;
  let iv = IV;  
  if (keyStr) {
    key = CryptoJS.enc.Utf8.parse(keyStr);
    iv = CryptoJS.enc.Utf8.parse(ivStr);
  }
  let srcs = CryptoJS.enc.Utf8.parse(word);
  var encrypted = CryptoJS.AES.encrypt(srcs, key, {
    iv: iv, 
    mode: CryptoJS.mode.CBC,
    padding: CryptoJS.pad.ZeroPadding
  });
  return CryptoJS.enc.Base64.stringify(encrypted.ciphertext);

}
/**
 * AES 解密 ：字符串 key iv  返回base64
 *
 * @return {