解決vue前端rsa加密遇到的問題message too long for RSA

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

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

需求

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

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

第一步：安裝jsencrypt

npm i jsencrypt

第二步：組件里引入

vue組件里：

import { JSEncrypt } from 'jsencrypt'
 
import { getKey } from '_@/api/authority'// 獲取公鑰 后臺接口
 
methods:{
     handsend(){
       const jse = new JSEncrypt()
       getKey().then(res => {
            // console.log(res)
            jse.setPublicKey(res.data)// 設(shè)置公鑰，這里可能會出現(xià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è)置公鑰這一步：可能報錯如下圖：

原因是：

后臺返回的---公鑰

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

MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQDlgPn0PXDdZYwttuAyULwy1McBDbSo8ttHs/I0x1cjQZCbBNn7N9If6AhqBHyqOT1ANoRpCluUZ7xiUYPmI1lfiEsJzP6MEbCeiqrfjYCC5waQdopFL+R+BmEkbjCk8Y6jX4i+MGKT6G+gWfyL1F4NeSdx7NF7HhCPdYGBUV34kwIDAQAB

這樣就對了。

總結(jié)

后臺第一次接觸RSA，我也是?？恿宋艺胩?。祝大家工作順利！

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

您可能感興趣的文章:

相關(guān)文章

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