解決vue前端rsa加密遇到的問(wèn)題message too long for RSA

更新時(shí)間：2024年07月25日 09:25:21 作者：渾渾噩噩擼代碼

這篇文章主要介紹了解決vue前端rsa加密遇到的問(wèn)題message too long for RSA,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教

需求

對(duì)登錄密碼，修改密碼過(guò)程進(jìn)行加密，如RSA，3DES等，后臺(tái)要求，最終選擇了RSA加密

RSA加密：公鑰和私鑰（非對(duì)稱性加密）
3DES加密：密鑰加密（對(duì)成型加密）

第一步：安裝jsencrypt

npm i jsencrypt

第二步：組件里引入

vue組件里：

import { JSEncrypt } from 'jsencrypt'
 
import { getKey } from '_@/api/authority'// 獲取公鑰 后臺(tái)接口
 
methods:{
     handsend(){
       const jse = new JSEncrypt()
       getKey().then(res => {
            // console.log(res)
            jse.setPublicKey(res.data)// 設(shè)置公鑰，這里可能會(huì)出現(xiàn)的問(wèn)題，如下圖
            const rsaPassWord = jse.encrypt(this.loginForm.password)// 只加密了密碼
            // console.log(rsaPassWord)
            const data = {
              code: this.loginForm.code,
              password: rsaPassWord,
              username: this.loginForm.username
            }
            return data
          }).then(res=>{
 
       })
   }
}

設(shè)置公鑰這一步：可能報(bào)錯(cuò)如下圖：

原因是：

后臺(tái)返回的---公鑰

返回的應(yīng)該是加密過(guò)的，如：

MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQDlgPn0PXDdZYwttuAyULwy1McBDbSo8ttHs/I0x1cjQZCbBNn7N9If6AhqBHyqOT1ANoRpCluUZ7xiUYPmI1lfiEsJzP6MEbCeiqrfjYCC5waQdopFL+R+BmEkbjCk8Y6jX4i+MGKT6G+gWfyL1F4NeSdx7NF7HhCPdYGBUV34kwIDAQAB

這樣就對(duì)了。

總結(jié)

后臺(tái)第一次接觸RSA，我也是。坑了我整整半天。祝大家工作順利！

以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

Vue.js路由組件vue-router使用方法詳解
這篇文章主要為大家詳細(xì)介紹了Vue.js路由組件vue-router使用方法,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-12-12
vue elementui表格獲取某行數(shù)據(jù)(slot-scope和selection-change方法使用)
這篇文章主要介紹了vue elementui表格獲取某行數(shù)據(jù)(slot-scope和selection-change方法使用),本文通過(guò)示例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2023-01-01
vue-resource請(qǐng)求實(shí)現(xiàn)http登錄攔截或者路由攔截的方法
這篇文章主要介紹了vue-resource請(qǐng)求實(shí)現(xiàn)http登錄攔截或者路由攔截的方法,小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2018-07-07
使用Vue.js中的過(guò)濾器實(shí)現(xiàn)冪方求值的方法
這篇文章主要介紹了使用Vue.js中的過(guò)濾器實(shí)現(xiàn)冪方求值的方法，本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2019-08-08
vue3組件傳參之useAttrs的用法解讀
文章介紹了Vue中的useAttrs功能,它允許開發(fā)者快速獲取父組件傳遞給子組件的所有屬性,無(wú)需逐一定義,文章通過(guò)一個(gè)使用案例（對(duì)el-button的二次封裝）展示了useAttrs的實(shí)際應(yīng)用,說(shuō)明了其便捷性和實(shí)用性
2025-10-10
vue3如何監(jiān)聽頁(yè)面的滾動(dòng)
這篇文章主要給大家介紹了關(guān)于vue3如何監(jiān)聽頁(yè)面的滾動(dòng)的相關(guān)資料,在vue中實(shí)現(xiàn)滾動(dòng)監(jiān)聽和原生js無(wú)太大差異,文中通過(guò)圖文介紹的非常詳細(xì),需要的朋友可以參考下
2023-07-07
Vue項(xiàng)目中跨域問(wèn)題解決方案
本文給大家介紹了vue項(xiàng)目中跨域問(wèn)題的完美解決方案，通過(guò)更改header，使用http-proxy-middleware 代理解決（項(xiàng)目使用vue-cli腳手架搭建），具體內(nèi)容詳情大家跟隨腳本之家小編一起學(xué)習(xí)吧
2018-06-06
vue-element-admin配置小結(jié)
本文主要介紹了vue-element-admin配置小結(jié)，文中通過(guò)示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-04-04
這15個(gè)Vue指令,讓你的項(xiàng)目開發(fā)爽到爆
這篇文章主要介紹了這15個(gè)Vue指令,讓你的項(xiàng)目開發(fā)爽到爆，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2019-10-10
vue3 element-plus二次封裝組件系列之伸縮菜單制作
這篇文章主要介紹了vue3 element-plus二次封裝組件系列之伸縮菜單制作,是基于vue3 vite element-plus搭建的，值的注意的時(shí)候，里面的圖標(biāo)組件是經(jīng)過(guò)處理的，結(jié)合實(shí)例代碼介紹的非常詳細(xì)，需要的朋友可以參考下
2023-01-01