前端VUE3使用RSA加密向后端传输密码

最新推荐文章于 2025-04-23 14:53:21 发布

-谢某-

最新推荐文章于 2025-04-23 14:53:21 发布

阅读量4.2k

点赞数 3

分类专栏： vue3 文章标签：前端 vue.js javascript

本文链接：https://blog.youkuaiyun.com/xll20000811/article/details/127581473

版权

这次的项目在登录时需要把密码进行RSA加密传给后端，后端已经给了我公钥密钥，前端我需要利用这个密钥进行加密传给后端，此项目用的vue3的写法，以下是我的做法：

1.项目安装依赖：

npm install jsencrypt

2.在页面引入

import { JSEncrypt } from 'jsencrypt'

3.实际运用

// 登录
function submit() {
  loading.value = true
  // 新建一个JSEncrypt对象
  let encryptor = new JSEncrypt()
  // 设置公钥 （这是后端直接给我的，看你们项目情况是需要调接口获得，还是程序中直接写死）
  let publicKey = 'KoZIhvcNAQwxOggaWPsYQJT+kpWZ/SpshZzmB=='
  encryptor.setPublicKey(publicKey) // publicKey为公钥
  // 加密数据
  password.value = encryptor.encrypt(form.value.password)
//调用登录接口 （已经封装了axios）
  login({
    accountNumber: form.value.suAccount,
    kaptcha: form.value.validation,
    password: password.value,
    sign: sign.value,
  }