JS -RSA 明文加密--用户密码加密

原创

已于 2023-08-29 11:33:31 修改 · 1.4k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #开发语言 #ecmascript

于 2023-08-29 11:31:44 首次发布

文章介绍了如何在前端应用中使用`jsencrypt`库对用户输入的敏感数据进行RSA加密，以及后端如何接收并使用私钥解密这些数据。详细展示了加密和解密的过程，包括公钥和私钥的配置及使用方法。

1 配置文件引入加密包 package.json

"jsencrypt": "^3.0.0-rc.1",

2 加密公钥配置

import {
   
    JSEncrypt } from 'jsencrypt'
import request from "@/utils/request";

const RSA_PUBLIC_KEY = "MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQCJVol0cJoJKA36lRJoCOe7IZNhWm/BY+zOumtVQ/uhw4+oIJQqbJ+xuAYED5VjUWGsKjqJWKAS1QuBpQNij+nUXUV1v7AB9r0ihBTwvvvVJSLOfEau6eeKEqnAW6X4bZvaexFKTxlAb7IumnlBoo8uP5bCyRt93BuseuHynoYrmwIDAQAB";


//  加密
export function encryptedData(data) {
   
   
  // 新建JSEncrypt对象
  let encryptor = new JSEncrypt();
  // 设置公钥
  encryptor.setPublicKey(RSA_PUBLIC_KEY);
  // 加密数据
  return encryptor.encrypt(data);
};

3 前端请求加密传输敏感数据


import {
   
    encryptedData } from "@/utils/auth";


    handleSubmit(e) {
   
   
      const {
   
    $store } = this;
      e.preventDefault();
      this.form.validateFields(async (err, values) => {
   
   
        if (!err) {
   
   
          await $store.dispatch({
   
   
            type: "login/sumbitLogin",
            params: {
   
   
              userInfo: encryptedData(values.userName),
              password