Vue使用JSEncrypt实现rsa加密及挂载方法
挂载全局方法
使用jsencrypt进行rsa加密
原文链接：Js参数RSA加密传输，jsencrypt.js的使用*
https://www.nhooo.com/article/179813.htm
（原文处有一个地方不对，不需要转换+，rsa已经做过base64转码了）
1.安装依赖npminstalljsencrypt
2.在main.js引入import{JSEncrypt}from'jsencrypt'
3.挂载全局方法
//JSEncrypt加密方法
Vue.prototype.$encryptedData=function(publicKey,data){
//new一个对象
letencrypt=newJSEncrypt()
//设置公钥
encrypt.setPublicKey(publicKey)
//password是要加密的数据,此处不用注意+号,因为rsa自己本身已经base64转码了,不存在+,全部是二进制数据
letresult=encrypt.encrypt(password)
returnresult
}
//JSEncrypt解密方法
Vue.prototype.$decryptData=function(privateKey,data){
//新建JSEncrypt对象
letdecrypt=newJSEncrypt()
//设置私钥
decrypt.setPrivateKey(privateKey)
//解密数据
letresult=decrypt.decrypt(secretWord)
returnresult
}
全局混合
使用yarn安装至Vue项目
yarnaddjsencrypt--dep
或者使用npm
npminstalljsencrypt--dep
混入
import{JSEncrypt}from'jsencrypt'
exportconstRsaMixin={
methods:{
//加密
encryptedData(publicKey,data){
//新建JSEncrypt对象
letencryptor=newJSEncrypt();
//设置公钥
encryptor.setPublicKey(publicKey);
//加密数据
returnencryptor.encrypt(data);
},
//解密
decryptData(privateKey,data){
//新建JSEncrypt对象
letdecrypt=newJSEncrypt();
//设置私钥
decrypt.setPrivateKey(privateKey);
//解密数据
decrypt.decrypt(secretWord);
}
}
}
引入
封装为单VUE文件中的方法
使用yarn安装至Vue项目
yarnaddjsencrypt--dep
或者使用npm
npminstalljsencrypt--dep
引入jsencrypt
import{JSEncrypt}from'jsencrypt'
方法
methods:{
//加密
encryptedData(publicKey,data){
//新建JSEncrypt对象
letencryptor=newJSEncrypt();
//设置公钥
encryptor.setPublicKey(publicKey);
//加密数据
returnencryptor.encrypt(data);
},
//解密
decryptData(privateKey,data){
//新建JSEncrypt对象
letdecrypt=newJSEncrypt();
//设置私钥
decrypt.setPrivateKey(privateKey);
//解密数据
decrypt.decrypt(secretWord);
}
}
总结
以上所述是小编给大家介绍的Vue使用JSEncrypt实现rsa加密及挂载方法，希望对大家有所帮助！
声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。