vue配置加密_RSA前端加密（vue项目）

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){

//登录成功之后的操作

this.$router.push('/');

}else{

//登录失败的操作

........

}

})

})

对步骤3的说明，获取公钥是需要后端开发人员提供api接口的

------------END---------

标签：jse,aesuncrypt,vue,加密,res,RSA,pwd,公钥

来源： https://blog.csdn.net/John_jian_yo/article/details/106554911