脚本宝典收集整理的这篇文章主要介绍了在Vue项目中使用jsencrypt.js对数据进行加密传输,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
项目需求中需要对用户登录时的密码进行加密,在网上查询些许文章后,最终与后端协商使用jsencrypt.js。
jsencrypt.js的gIThub地址:https://github.com/travist/js...
使用yarn安装至Vue项目
yarn add jsencrypt --dep
或者使用npm
npm install jsencrypt --dep
引入jsencrypt
import { JSEncrypt } From 'jsencrypt'
可封装为全局混合,便于调用
公钥为后端提供,如前端需要解密数据,则也需要后端提供私钥。
methods: {
// 加密
encryptedData(publicKey, data) {
// 新建JSEncrypt对象
let encryptor = new JSEncrypt();
// 设置公钥
encryptor.setPublicKey(publicKey);
// 加密数据
return encryptor.encrypt(data);
},
// 解密
decryptData(PRivateKey,data){
// 新建JSEncrypt对象
let decrypt= new JSEncrypt();
// 设置私钥
decrypt.setPrivateKey(privateKey);
// 解密数据
decrypt.decrypt(secretWord);
}
}
调用函数加密,此处的公钥是我从后端那获取的,然后加密密码,这仅使用加密。
encryptedPassword = this.encryptedData(publicKey, password);
即完成加密。
更多使用可查阅官方文档http://travistidwell.com/jsen...
以上是脚本宝典为你收集整理的在Vue项目中使用jsencrypt.js对数据进行加密传输全部内容,希望文章能够帮你解决在Vue项目中使用jsencrypt.js对数据进行加密传输所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。