在Vue项目中使用jsencrypt.js对数据进行加密传输

36次阅读

共计 715 个字符,预计需要花费 2 分钟才能阅读完成。

项目需求中需要对用户登录时的密码进行加密,在网上查询些许文章后,最终与后端协商使用 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…

正文完
 0