需求:对登录密码,修改密码过程进行加密,如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)// 设置公钥,这里可能会出现的问题,如下图
            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=>{

       })
   }
}

设置公钥这一步:可能报错如下图:

原因是:后台返回的---公钥

返回的应该是加密过的,如:MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQDlgPn0PXDdZYwttuAyULwy1McBDbSo8ttHs/I0x1cjQZCbBNn7N9If6AhqBHyqOT1ANoRpCluUZ7xiUYPmI1lfiEsJzP6MEbCeiqrfjYCC5waQdopFL+R+BmEkbjCk8Y6jX4i+MGKT6G+gWfyL1F4NeSdx7NF7HhCPdYGBUV34kwIDAQAB

这样就对了。

后台第一次接触RSA,我也是。坑了我整整半天。祝大家工作顺利!

Logo

前往低代码交流专区

更多推荐