vue前端密码加密,后端密码解密

2025-01-09 约 654 字预计阅读 2 分钟

https://bing.ee123.net/img/rand?artid=123685443

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

一、前端VUE：

1、安装

npm install crypto-js

2、创建工具类（src/utils/asc.js）

import CryptoJS from 'crypto-js'

// 需要和后端一致
const KEY = CryptoJS.enc.Utf8.parse('1234567890123456');
const IV = CryptoJS.enc.Utf8.parse('1234567890123456');

export default {

/**

- 加密
- @param {*} word
- @param {*} keyStr
- @param {_} ivStr
  _/
  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);
  },

/**

- 解密
- @param {*} word
- @param {*} keyStr
- @param {_} ivStr
  _/
  decrypt (word, keyStr, ivStr) {
  let key = KEY;
  let iv = IV;


    if (keyStr) {
      key = CryptoJS.enc.Utf8.parse(keyStr);
      iv = CryptoJS.enc.Utf8.parse(ivStr);
    }

    let base64 = CryptoJS.enc.Base64.parse(word);
    let src = CryptoJS.enc.Base64.stringify(base64);

    let decrypt = CryptoJS.AES.decrypt(src, key, {
      iv: iv,
      mode: CryptoJS.mode.CBC,
      padding: CryptoJS.pad.ZeroPadding
    });

    let decryptedStr = decrypt.toString(CryptoJS.enc.Utf8);
    return decryptedStr.toString();

}
}

3、登录页面引入 js 文件

import aes from '@/utils/aes';

提示：根据自己的文件路径引入

4、进行加密

// 对密码进行加密
let encryptionPassword = aes.encrypt(password);

二、后端

1、引入相关依赖

<dependency>
<groupId>org.bouncycastle</groupId>
<artifactId>bcprov-jdk15on</artifactId>
<version>1.60</version>
</dependency>

2、工具类

package com.chinaseven.sc.admin.api.common.util;

import org.apache.tomcat.util.codec.binary.Base64;

import javax.crypto.Cipher;
import javax.crypto.spec.IvParameterSpec;
import javax.crypto.spec.SecretKeySpec;

/**

- Author ：tk-pc-40
- ModifiedBy ：tk-pc-40
- CreatedAt ：2022/3/23
  */
  public class SecretUtil {

      /***
       * key和iv值需要和前端一致
       */
      public static final String KEY = "1234567890123456";

      public static final String IV = "1234567890123456";

      /**
       * 加密方法
       *
       * @param data 要加密的数据
       * @param key  加密key
       * @param iv   加密iv
       * @return 加密的结果
       */
      public static String encrypt(String data, String key, String iv) {
          try {
              //"算法/模式/补码方式"NoPadding PkcsPadding
              Cipher cipher = Cipher.getInstance("AES/CBC/NoPadding");
              int blockSize = cipher.getBlockSize();

              byte[] dataBytes = data.getBytes();
              int plaintextLength = dataBytes.length;
              if (plaintextLength % blockSize != 0) {
                  plaintextLength = plaintextLength + (blockSize - (plaintextLength % blockSize));
              }

              byte[] plaintext = new byte[plaintextLength];
              System.arraycopy(dataBytes, 0, plaintext, 0, dataBytes.length);

              SecretKeySpec keyspec = new SecretKeySpec(key.getBytes(), "AES");
              IvParameterSpec ivspec = new IvParameterSpec(iv.getBytes());

              cipher.init(Cipher.ENCRYPT_MODE, keyspec, ivspec);
              byte[] encrypted = cipher.doFinal(plaintext);

              return new Base64().encodeToString(encrypted);

          } catch (Exception e) {
              e.printStackTrace();
              return null;
          }
      }

      /**
       * 解密方法
       *
       * @param data 要解密的数据
       * @param key  解密key
       * @param iv   解密iv
       * @return 解密的结果
       */
      public static String desEncrypt(String data, String key, String iv) {
          try {
              byte[] encrypted1 = new Base64().decode(data);

              Cipher cipher = Cipher.getInstance("AES/CBC/NoPadding");
              SecretKeySpec keySpec = new SecretKeySpec(key.getBytes(), "AES");
              IvParameterSpec ivSpec = new IvParameterSpec(iv.getBytes());
              cipher.init(Cipher.DECRYPT_MODE, keySpec, ivSpec);
              byte[] original = cipher.doFinal(encrypted1);
              return new String(original).trim();
          } catch (Exception e) {
              e.printStackTrace();
              return null;
          }
      }

  }
  

目录

vue前端密码加密,后端密码解密

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

一、前端VUE：

二、后端