vue前端登录接口加密 -RSA

我们在做开发的时候登录如果使用明文在控制台很容易泄露账号密码信息,所以就要进行加密

 

什么是RSA加密

RSA加密算法是一种非对称加密算法,RSA加密使用了"一对"密钥.分别是公钥和私钥,这个公钥和私钥其实就是一组数字!其二进制位长度可以是1024位或者2048位.长度越长其加密强度越大,目前为止公之于众的能破解的最大长度为768位密钥,只要高于768位,相对就比较安全.所以目前为止,这种加密算法一直被广泛使用.

RSA加密与解密

  • 使用公钥加密的数据,利用私钥进行解密
  • 使用私钥加密的数据,利用公钥进行解密

首先我们需要在本地下载j sencrypt

npm i jsencrypt

在项目里面引用

import JSEncrypt from 'jsencrypt'

RSA秘钥生成方式

Mac系统内置OpenSSL(开源加密库),所以可以直接在终端上使用命令。
Windows系统可以使用git命令行工具
  • 单击鼠标右键——git bash here 调出git bash
  • 生成私钥,密钥长度为1024bit

然后在你登录调用接口的时候就可以写逻辑了

const encrypt = new JSEncrypt();
      // 设置公钥
      const publicKey = 'MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQCGL9Tl+Hv2aMKjESPoGJnpYfpOHHS/lS/sFSxOxb8TXWy+d4Jqxw+RZa9J+ACcFchzPAYWxtQOfGLUVTATuw2WE2qCczD4Dj0+JfsSI6Pp4V0SSjh2CdBMewOTmEW7TPoOCGbRS/+ms1lXB6HpzJ6WsLWFEDaXvfG/cWx7u7r5WwIDAQAB';
      const pubKey = '-----BEGIN PUBLIC KEY-----\n' + publicKey + '\n' + '-----END PUBLIC KEY-----';
       encrypt.setPublicKey(pubKey);
      // 使用公钥加密明文
      const ciphertext = encrypt.encrypt(params); // params 是你需要加密的参数
     
       console.log(ciphertext)


 

相关推荐

  1. vue前端登录接口加密 -RSA

    2024-01-17 10:58:02       52 阅读
  2. AES对称和RSA非对称加密登录接口参数

    2024-01-17 10:58:02       41 阅读
  3. rsa加密登录解决方案

    2024-01-17 10:58:02       44 阅读
  4. ASP.Net MVC 登录页面实现RSA非对称加密

    2024-01-17 10:58:02       81 阅读
  5. SpringBoot整合AES+RSA加密(含前端代码)

    2024-01-17 10:58:02       23 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-01-17 10:58:02       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-01-17 10:58:02       100 阅读
  3. 在Django里面运行非项目文件

    2024-01-17 10:58:02       82 阅读
  4. Python语言-面向对象

    2024-01-17 10:58:02       91 阅读

热门阅读

  1. Python函数进阶:作为参数传递、作为返回值

    2024-01-17 10:58:02       53 阅读
  2. 企业如何判断定岗定编是否合理?

    2024-01-17 10:58:02       51 阅读
  3. 对接百度API的银行卡四要素校验

    2024-01-17 10:58:02       54 阅读
  4. python logging 日志模块保证输出不踩踏

    2024-01-17 10:58:02       53 阅读
  5. 如何用python连接mysql和mongodb数据库【极简版】

    2024-01-17 10:58:02       40 阅读
  6. Golang 如何基于现有的 context 创建新的 context?

    2024-01-17 10:58:02       49 阅读
  7. [蓝桥杯 2016 省 AB] 四平方和

    2024-01-17 10:58:02       53 阅读
  8. MCU 是指微控制器单元(Microcontroller Unit)

    2024-01-17 10:58:02       46 阅读
  9. STM32F103C8驱动MPU6050姿态与tofsense报警 (一)

    2024-01-17 10:58:02       45 阅读
  10. 2024.1.16 GCC 编译选项 屏蔽某些警告 CMAKE_CXX_FLAGS

    2024-01-17 10:58:02       55 阅读
  11. 【力扣每日一题】力扣2744最大字符串配对数目

    2024-01-17 10:58:02       62 阅读
  12. ubuntu禁用/启用图形界面

    2024-01-17 10:58:02       43 阅读
  13. 代码随想录 42. 接雨水

    2024-01-17 10:58:02       48 阅读