RSA前端加密（vue项目）

最新推荐文章于 2024-04-05 21:22:46 发布

爱长发的短发小二哥

最新推荐文章于 2024-04-05 21:22:46 发布

阅读量635

点赞数 1

本文链接：https://blog.csdn.net/john_jian_yo/article/details/106554911

版权

本文介绍了如何在Vue.js项目中实现RSA加密。首先，需要安装相关加密插件，并在main.js文件中引入。接着，重点在于在登录组件中使用加密技术，对账号和密码进行保护。值得注意的是，获取公钥需依赖后端提供的API接口。

摘要由CSDN通过智能技术生成

1，安装插件

npm install jsencrypt --save

2，安装成功之后，在main.js文件引入

import JSEncrypt from 'jsencrypt';//引入模块
Vue.prototype.$jsEncrypt = JSEncrypt;//配置全局变量

3，在需要使用的组件（本文以登录页面对账号和密码进行了加密）

 getPublicKey({}).then((res)=>{//请求公钥接口
                            const jse = new this.$jsEncrypt()
                            jse.setPublicKey(res)//配置公钥
                            var aesuncrypt_Acount = jse.encrypt(this.ruleForm.username)//加密账号
                            var aesuncrypt_pwd = jse.encrypt(this.ruleForm.password)//加密密码
                            userlogin({//登录接口
                                account:aesuncrypt_Acount,
                                pwd:aesuncrypt_pwd,
                            }).then((res)=>{
                                if(res.success){
                             //登录成功之后