参数加密处理

阳光雨滴

已于 2025-03-10 11:51:07 修改

阅读量208

点赞数 1

分类专栏：数据安全加密文章标签：安全

于 2025-03-10 11:49:16 首次发布

本文链接：https://blog.youkuaiyun.com/bbkhhvv/article/details/146149342

版权

数据安全加密专栏收录该内容

1 篇文章

订阅专栏

使用jsencrypt进行参数加密处理

1.下载安装npm install jsencrypt

2.在工具文件utils里创建jsencrypt.js文件

3.编写加密和解密方法

import JSEncrypt from 'jsencrypt/bin/jsencrypt.min'

// 密钥对生成 http://web.chacuo.net/netrsakeypair

const publicKey = 'MFwwDQYJKoZIhvcNAQEBBQADSwAwSAJBAKoR8mX0rGKLqzcWmOzbfj64K8ZIgOdH\n' +
  'nzkXSOVOZbFu/TJhZ7rFAN+eaGkl3C4buccQd/EjEsj9ir7ijT7h96MCAwEAAQ=='

const privateKey = 'MIIBVAIBADANBgkqhkiG9w0BAQEFAASCAT4wggE6AgEAAkEAqhHyZfSsYourNxaY\n' +
  '7Nt+PrgrxkiA50efORdI5U5lsW79MmFnusUA355oaSXcLhu5xxB38SMSyP2KvuKN\n' +
  'PuH3owIDAQABAkAfoiLyL+Z4lf4Myxk6xUDgLaWGximj20CUf+5BKKnlrK+Ed8gA\n' +
  'kM0HqoTt2UZwA5E2MzS4EI2gjfQhz5X28uqxAiEA3wNFxfrCZlSZHb0gn2zDpWow\n' +
  'cSxQAgiCstxGUoOqlW8CIQDDOerGKH5OmCJ4Z21v+F25WaHYPxCFMvwxpcw99Ecv\n' +
  'DQIgIdhDTIqD2jfYjPTY8Jj3EDGPbH2HHuffvflECt3Ek60CIQCFRlCkHpi7hthh\n' +
  'YhovyloRYsM+IS9h/0BzlEAuO0ktMQIgSPT3aFAgJYwKpqRYKlLDVcflZFCKY7u3\n' +
  'UP8iWi1Qw0Y='

// 加密
export function encrypt(txt) {
  const encryptor = new JSEncrypt()
  encryptor.setPublicKey(publicKey) // 设置公钥
  return encryptor.encrypt(txt) // 对数据进行加密
}

// 解密
export function decrypt(txt) {
  const encryptor = new JSEncrypt()
  encryptor.setPrivateKey(privateKey) // 设置私钥
  return encryptor.decrypt(txt) // 对数据进行解密
}

4.在main.js里进行全局引入挂在该方法

import {encrypt,decrypt} from '@/utils/jsencrypt'
Vue.prototype.encrypt = encrypt
Vue.prototype.decrypt = decrypt

5.在页面使用，跳转路由时进行加密处理

this.$router.push({ path: '/information', query: { id: this.encrypt('32'), name: this.encrypt('张三') } })

6.在跳转后的路由页面进行解密处理

   mounted(){
        console.log(this.$route)
        console.log(this.decrypt(this.$route.query.id))
        console.log(this.decrypt(this.$route.query.name))
   }