解決vue前端rsa加密遇到的問題message too long for RSA
更新時間：2024年07月25日 09:25:21 作者：渾渾噩噩擼代碼
這篇文章主要介紹了解決vue前端rsa加密遇到的問題message too long for RSA,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
需求
對登錄密碼，修改密碼過程進行加密，如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移動端項目，被緩存問題搞得頭都大了，積累了一些經(jīng)驗，特此記錄總結(jié)下，分享到腳本之家平臺，對vue移動端項目緩存問題實踐記錄感興趣的朋友跟隨小編一起看看吧2018-10-10
下面小編就為大家?guī)硪黄獪\談vue-router2路由參數(shù)注意的問題。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-11-11
Vue中JSON文件神奇應(yīng)用fetch、axios異步加載與模塊導(dǎo)入全指南詳細教程
在Vue中使用JSON文件有多種方式,包括使用fetch方法加載JSON文件、使用axios庫加載JSON文件,以及將JSON文件導(dǎo)入為模塊,這篇文章主要介紹了Vue中JSON文件神奇應(yīng)用fetch、axios異步加載與模塊導(dǎo)入全指南詳細教程,需要的朋友可以參考下2024-01-01
Element DateTimePicker日期時間選擇器的使用示例
這篇文章主要介紹了Element DateTimePicker日期時間選擇器的使用示例，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習或者工作具有一定的參考學(xué)習價值，需要的朋友們下面隨著小編來一起學(xué)習學(xué)習吧2020-07-07
本篇文章主要介紹了Vuex利用state保存新聞數(shù)據(jù)實例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-06-06
在本篇文章里小編給大家整理的是關(guān)于Vue路由前后端設(shè)計的知識點總結(jié)內(nèi)容，需要的朋友們參考下。2019-08-08
這篇文章主要介紹了vue3中的hooks總結(jié)，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-05-05
Vue3監(jiān)聽store中數(shù)據(jù)變化的三種方式
這篇文章給大家介紹了Vue3監(jiān)聽store中數(shù)據(jù)變化的三種方法,使用watch和storeToRefs函數(shù),使用計算屬性computed和使用watchEffect函數(shù)這三種方法,文中通過代碼講解非常詳細,需要的朋友可以參考下2024-01-01
這篇文章主要介紹了Vue路由history模式解決404問題的幾種方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-09-09
這篇文章主要介紹了vue?vue-touch移動端手勢詳解，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-03-03