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

项目需求中需要对用户登录时的密码进行加密，在网上查询些许文章后，最终与后端协商使用jsencrypt.js。

使用yarn安装至Vue项目

yarn add jsencrypt --dev

或者使用npm

npm install jsencrypt --dev

引入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);

// 解密数据

return decrypt.decrypt(secretWord);

}

调用函数加密，此处的公钥是我从后端那获取的，然后加密密码，此处仅使用加密。

encryptedPassword = this.encryptedData(publicKey, password);

jsencrypt vue使用_在Vue项目中使用jsencrypt.js对数据进行加密传输相关推荐

在Vue项目中使用jsencrypt.js对数据进行加密传输
写在最前边,千万要注意,用此插件加密时,只能是字符串类型,如果是number,加密出来是空!!!血的教训,这个bug我找了大半天才发现安装jsencrypt npm install jsencryp ...
Vue项目中利用pdf.js实现pdf内容滑选文字展示与搜索功能
Vue项目中利用pdf.js实现pdf内容滑选文字展示与搜索功能需求:在pdf中鼠标滑动选中一段文字,将选中文字展示到input框中(pdf在iframe中) 完成效果: 关于pdf的引用:我是直接 ...
vue 项目中使用three.js实现vr360度全景图片预览
vue 项目中使用three.js实现vr360度全景图片预览当前demo使用的three.js为0.115.0版本项目中安装three npm install three 安装完成再组件如下导入 ...
vue项目中解决浏览器刷新vuex数据消失问题
vue项目中解决浏览器刷新vuex数据消失问题说明 vuex中的数据经过浏览器刷新后会消失,所以应设置在浏览器刷新之前将数据存入浏览器或者cookie中. 操作打开App.vue,在created ...
在Maven+Spring项目中使用Node.js的Gulp进行前端自动化构建
摘要: 在Maven+Spring项目中使用Node.js的Gulp进行前端自动化构建刚开始打算进行前后端分离开发,后来发现在使用JSP或者Freemarker做动态页面时,想发挥这些自动化构建工具 ...
在ts项目中接入live2d-widget.js , 在网页中展示二次元老婆
原文链接: 在ts项目中接入live2d-widget.js , 在网页中展示二次元老婆上一篇: tailwindcss 简单场景和官方案例下一篇: git Submodule 将别人的模型文件通 ...
react项目中使用three.js（解决纹理贴图路径问题）
一,本文解决如下问题 1. 在react脚手架的项目中使用three.js 2. three.js在react中使用动态的纹理贴图遇到的路径问题 3. this.指向的丢失问题二,在项目中使用thr ...
js定义全局变量 vue页面_在vue项目中实现定义全局变量全局函数操作
写在前面: 如题,在项目中,经常有些函数和变量是需要复用,比如说网站服务器地址,从后台拿到的:用户的登录token,用户的地址信息等,这时候就需要设置一波全局变量和全局函数,这两个设置不太难,而且有一 ...
Vue第二章，在项目中使用element-ui组件
使用vue的童鞋相信都知道vue中有很多ui组件,这里推荐使用element-ui组件(个人测试还算强大,起码开发商野心不小),因为此组件可以集成到angular.react.vue任意一个框架中. ...

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

jsencrypt vue使用_在Vue项目中使用jsencrypt.js对数据进行加密传输相关推荐

最新文章

热门文章