程序员经验分享-hwhale

VUE中使用RSA加密

2023-11-02

一、安装

npm install jsencrypt --save

二、在main.js中引用依赖

//  导入RSA加密
import JSEncrypt from 'jsencrypt';
Vue.prototype.$getRsaCode = function(str) {
    // 注册方法
    let pubKey = `M---引入公钥`; // ES6 模板字符串 引用 rsa 公钥
    let encryptStr = new JSEncrypt();
    encryptStr.setPublicKey(pubKey); // 设置 加密公钥
    let data = encryptStr.encrypt(str.toString()); // 进行加密
    return data;
};

三、在项目中使用RSA加密 （this.$getRsaCode(‘要加密的数据’)）在这里插入图片描述
加密结果：

在这里插入图片描述
后端获得加密的内容后，会通过后端的私钥进行解密

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

vue

rsa

javascript

前端

ES6

VUE中使用RSA加密 的相关文章

随机推荐

  • cmake的使用

    cmake CMake是一个跨平台的安装 编译 工具 可以用简单的语句来描述所有平台的安装 编译过程 他能够输出各种各样的makefile或者project文件 能测试编译器所支持的C 特性 类似UNIX下的automake

  • 自定义事件——this.$emit

    数据项在Vue的实例中 但是删除操作要在组件中完成 那么组件如何才能删除Vue实例中的数据呢 此时就涉及到参数传递与事件分发了 Vue为我们提供了自定义事件的功能 很好的帮助我们解决了这个问题 使用this emit 自定义事件名 参数

  • Snipaste1.12 贴在屏幕上的图不能操作解决方法

    使用Snipaste 将截图贴在屏幕上后 不能通过鼠标双击关闭 也不能移动 关闭后重开截图还继续在屏幕上 原因是在贴图时可能按到字母X 触发了内置快捷键 解决方法 右键图标 选择贴图 选择默认 也有可能是其他文字 然后选择关闭就可以了

  • Java 线程文字左右移动

    线程对象调用start 方法开启线程 并让调用run 方法在开启的线程中执行 import javax swing public class donghua JFrame jFrame JLabel jLabel class MyThrea

  • spring文件上传

    spring文件上传 在pom xml文件中加入

  • 不受环境干扰，这套声学全息方案实现了虚实交互

    一谈到全息显示 大家默认想到的就是光学全息方案 比如需要将光投射到某样东西上 比如视网膜 或是烟雾等介质上 才能成像 市面上一些常见的2D 3D全息方案 如全息风扇 Voxon全息系统等等 分别采用高速移动的条状光源或是平面介质 利用人眼视

  • show_bytes函数

    show bytes打印出每个以十六进制表示的字节 这段代码使用强制转换来访问和打印不同程序对象的字节表示 用typedef将数据结构类型byte pointer定义为一个指向类型 unsigned char 的对象的指针 typedef

  • 使用PicGo搭建github图床时出现图片上传失败（加载栏红色）的解决方法

    问题 使用PicGo搭建github图床 出现图片上传失败 加载栏红色 具体 图片上传失败 加载栏红色 解决后又发现图片可以用但是没法显示的问题 解决方案 解决方案 设定分支名改为main就好了 而不是master 最后重启一下就可以了 图

  • php网页能实现飘窗吗,网站飘窗广告的实现方法

    原标题 网站飘窗广告的实现方法 效果 代码 以上 在background url里设置飘窗广告图片的外链地址 其他参数也可以自己调整 像width height 关闭 以上 在a href里设置需要跳转的页面 lt language jav

  • 参考椭球体与大地水准面的区别

    转载 https www propelleraero com geoids vs ellipsoids whats the difference https support virtual surveyor com support solu

  • 结合机器学习的人口模型能够提高心理健康测量的准确性

    结合机器学习的人口模型能够提高心理健康测量的准确性 导语 关键术语解释 方法 Software Workflow Fig 1 Methods workflow https img blog csdnimg cn eea5b06d071242

  • 编译器(GNU & GCC & clang & llvm)

    前言 很多时候 出现一些类似GNU GCC CLANG LLVM等与编译器有关的名词的时候 都不太清楚它到底是干嘛的 理解这些东西后 对于xcode中很多配置型的需求修改起来都会得心应手 因此有必要了解透彻他们直接的关系与区别 1 GNU

  • 关于影视后期制作的就业市场调查报告

    关于影视后期制作的就业市场调查报告 21电商王绮悦 目 录 一 简介及发展前景 二 技能要求 三 工作内容 四 用人单位类型 五 发展路径及其所需具体技能 六 行业优势 七 行业劣势 八 自身分析 九 对暑期实践的规划 十 学习材料 十一

  • 2023暑期实习历程总结

    一 前言 Hello 大家好久不见 已经三个月左右没有更新了 那我这三个月在干什么呢 自2023年3月中旬开始到现在五月底这期间接近三个月的时间里 我一直在进行2023暑期实习的投递和面试 这期间投递了包括各大中厂 阿里 腾讯 蚂蚁 美团

  • Jmter的安装及使用

    Jmter的安装 浏览器下载安装解压 解压后控制台输入控制命令cmd 将解压后的jmter bin文件夹下的jmter bat拖入控制台 打开jmter 使用Jmter 在jmter中可以添加各种测试 这是一个抗压测试 各种功能测试可以百度

  • SIP协议-02 原理讲解

    文章目录 1 SIP实现机制 2 SIP网络元素 2 1 用户代理 2 2 代理服务器 2 3 重定向服务器 2 4 位置服务器 2 5 注册服务器 3 SIP中的几个重要概念 3 1 Messages 消息 3 2 Dialog 对话 3

  • PLSQL Developer安装配置教程（超详细）

    前言 首先要有oracle数据库或者有oracle服务器 才可以实现使用PLSQL Developer 工具连接到oracle数据库进行开发 1 下载 PLSQL Developer 链接 https pan baidu com s 1zV

  • 是科研人就要快！加速你的算法！

    在科研中 大多数论文其实还是看精度和效果的 对于速度其实没有那么高的追求 很多人用速度评价自己算法的复杂度很低 但实际上这是不准确的 当然在精度占优的情况下 能够提高速度 给自己的实验结果增彩 关于算法程序的加速 在动手前先要按照如下流程进

  • Linux下的iptables防火墙管理方法

    Linux下的iptables防火墙管理方法 文章目录 Linux下的iptables防火墙管理方法 1 什么是iptables 2 iptables命令参数 3 iptables策略 4 iptables地址转发 5 iptables端口

  • VUE中使用RSA加密

    一 安装 npm install jsencrypt save 二 在main js中引用依赖 导入RSA加密 import JSEncrypt from jsencrypt Vue prototype getRsaCode functio

热门标签