美文网首页
11-rsa加密(vue中使用)

11-rsa加密(vue中使用)

作者: 零涂 | 来源:发表于2023-04-16 16:19 被阅读0次

原文地址:https://blog.csdn.net/qq_25623257/article/details/109775531

1.安装依赖包

npm install jsencrypt --save-dev
npm i encryptlong -S

2.在src/utils/文件夹下创建rsa.js文件

/* 产引入jsencrypt实现数据RSA加密 */
import JSEncrypt from 'jsencrypt' // 处理长文本数据时报错 jsencrypt.js Message too long for RSA
/* 产引入encryptlong实现数据RSA加密 */
import Encrypt from 'encryptlong' // encryptlong是基于jsencrypt扩展的长文本分段加解密功能。
// 密钥对生成 http://web.chacuo.net/netrsakeypair
 
// 公钥key
let publicKey = ''
// 私钥key
let privateKey = ''
export default {
  /* JSEncrypt加密 */
  rsaPublicData(data) {
    var jsencrypt = new JSEncrypt()
    jsencrypt.setPublicKey(publicKey)
    // 如果是对象/数组的话,需要先JSON.stringify转换成字符串
    var result = jsencrypt.encrypt(data)
    return result
  },
  /* JSEncrypt解密 */
  rsaPrivateData(data) {
    var jsencrypt = new JSEncrypt()
    jsencrypt.setPrivateKey(privateKey)
    // 如果是对象/数组的话,需要先JSON.stringify转换成字符串
    var result = jsencrypt.encrypt(data)
    return result
  },
  /* 加密 */
  encrypt(data) {
    const PUBLIC_KEY = publicKey
    var encryptor = new Encrypt()
    encryptor.setPublicKey(PUBLIC_KEY)
    // 如果是对象/数组的话,需要先JSON.stringify转换成字符串
    const result = encryptor.encryptLong(data)
    return result
  },
  /* 解密 - PRIVATE_KEY - 验证 */
  decrypt(data) {
    const PRIVATE_KEY = privateKey
    var encryptor = new Encrypt()
    encryptor.setPrivateKey(PRIVATE_KEY)
    // 如果是对象/数组的话,需要先JSON.stringify转换成字符串
    var result = encryptor.decryptLong(data)
    return result
  }
}

3.main.js中引入

import Rsa from "@/utils/rsa.js"
Vue.prototype.$Rsa = Rsa // 将Rsa注册为公共方法,方便其他页面调用

4.使用

this.$Rsa.encrypt(str)//加密    str为需要加密的字段
this.$Rsa.decrypt(str) // 解密    str为需要解密的字段

相关文章

  • 项目中前后端的md5加密

    一、前端加密 1.JS中使用md5加密 2.vue框架md5加密 二、后台加密 导包1.maven中增加: 2.直...

  • vue+axios使用RSA传参加密

    新手上路----->: vue+axios项目,之前使用md5加密,后改使用RSA传参加密,RSA 加密依赖有多种...

  • 2022-03-09

    加密 解密流程操作语言如何处理请求中某个请求 返回 加密解密操作 vue 执行js 操作 和 vue 操作 哪...

  • VUE路由的简单使用

    VUE中如何使用路由? 路由的基本使用 在html中 引入vue 和 vue-router 包 创建vue对象并将...

  • 本期小结(一)

    vue★ Vue中引入jQuery vue使用element-ui vue的v-cloak使用 vue动态组件 v...

  • Python MD5加密详解以及多次加密的坑

    在python中可以使用hashlib这个库来使用MD5加密: 在使用MD5加密的使用要注意加密内容的编码格式: ...

  • vue中使用AES加密

    先安装 npm install crypto-js --save-dev 在项目中新建一个utils.js文件 ...

  • Vue中使用RSA加密

    一、介绍 1、RSA介绍 RSA加密是一种非对称加密。可以在不直接传递密钥的情况下,完成解密。这能够确保信息的安全...

  • vue项目使用jsencrypt加密

    一.使用jsencrypt进行RSA加密-非全局 1.安装依赖 2.@/libs/encrypt.js 3.在忘记...

  • 对称与非对称加密

    在数字加密算法中,通过可划分为对称加密和非对称加密。 一:什么是对称加密? 在对称加密算法中,加密和解密使用的是同...

网友评论

      本文标题:11-rsa加密(vue中使用)

      本文链接:https://www.haomeiwen.com/subject/llzfjdtx.html