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

lordharrd 发布于2019-08-23 16:58 / 2798人阅读

摘要：项目需求中需要对用户登录时的密码进行加密，在网上查询些许文章后，最终与后端协商使用。的地址使用安装至项目或者使用引入可封装为全局混合，便于调用公钥为后端提供，如前端需要解密数据，则也需要后端提供私钥。更多使用可查阅官方文档

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

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/103607.html

前端基本功-常见概念(一)

摘要：前端基本功常见概念一点这里前端基本功常见概念二点这里前端基本功常见概念三点这里什么是原型链当一个引用类型继承另一个引用类型的属性和方法时候就会产生一个原型链。函数式编程是声明式而不是命令式，并且应用程序状态通过纯函数流转。前端基本功-常见概念(一) 点这里前端基本功-常见概念(二) 点这里前端基本功-常见概念(三) 点这里 1.什么是原型链当一个引用类型继承另一个引用类型的属性和方...

bladefury 2019-08-23 14:41 评论0 收藏0
加密解密算法介绍

摘要：加密解密算法介绍算法目前常见有加密算法，散列算法，编码算法，使用位关键字作为流加密算法加密技术通常分为两大类对称式和非对称式。对称性加密算法有用途对称加密算法用来对敏感数据等信息进行加密数据加密标准，速度较快，适用于加密大量数据的场合。加密解密算法介绍算法目前常见有：加密算法，散列算法，Base64(编码算法)，https(SSL使用40位关键字作为RC4流加密算法) 加密技术通...

ThinkSNS 2019-08-23 14:00 评论0 收藏0
PHPer面试指南-Web 篇

摘要：扩展阅读收集的前端面试题和答案前端开发面试题史上最全的前端面试题汇总及答案前端工程师手册协议工作原理协议运行机制的概述本书的 GitHub 地址：https://github.com/todayqq/PH... 对于大公司，很少会有全栈工程师这个岗位，全栈是个花哨的词，对于现在比较热门的技术，不论是 Vue 还是 Laravel，只要智商不差，看着文档，都能写出一个 CURD 来，...

cnio 2019-06-28 18:19 评论0 收藏0
"双非"应届生校招如何获得大厂青睐?（内附前端大厂面经+技术岗超全求职攻略）

摘要：拿到秋招的同学，如确定入职需与用人单位签署三方协议，以保证双方的利益不受损失。当然每个岗位所要求的侧重点不同，但却百变不离其宗。方法论要想达成某个目标都有其特定的方法论，学习技术也不例外，掌握适当的学习方法才能事半功倍。写在前面的话笔者从17年的2月份开始准备春招，其中遇到不少坑，也意识到自己走过的弯路。故写了这篇文章总结一番，本文适合主动学习的，对自己要学的课程不明确的，对面试有...

jeffrey_up 2019-08-30 14:23 评论0 收藏0
"双非"应届生校招如何获得大厂青睐?（内附前端大厂面经+技术岗超全求职攻略）

摘要：拿到秋招的同学，如确定入职需与用人单位签署三方协议，以保证双方的利益不受损失。当然每个岗位所要求的侧重点不同，但却百变不离其宗。方法论要想达成某个目标都有其特定的方法论，学习技术也不例外，掌握适当的学习方法才能事半功倍。写在前面的话笔者从17年的2月份开始准备春招，其中遇到不少坑，也意识到自己走过的弯路。故写了这篇文章总结一番，本文适合主动学习的，对自己要学的课程不明确的，对面试有...

lindroid 2019-08-26 17:25 评论0 收藏0