iis服务器助手广告广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >Vue 路由传参加密的示例代码
  • 933
分享到

Vue 路由传参加密的示例代码

Vue 路由传参加密Vue 路由传参 2022-12-12 18:12:51 933人浏览 薄情痞子
摘要

首先,创建一个base64.js const Base64 = { //加密 encode(str) { return btoa(encodeURICo

首先,创建一个base64.js

const Base64 = {
   //加密
    encode(str) {
        return btoa(encodeURIComponent(str).replace(/%([0-9A-F]{2})/g,
            function toSolidBytes(match, p1) {
                return String.fromCharCode('0x' + p1);
            }));
    },
  //解密
    decode(str) {
        // Going backwards: from bytestream, to percent-encoding, to original string.
        return decodeURIComponent(atob(str).split('').map(function (c) {
            return '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2);
        }).join(''));
    }
}
export default Base64

在main.js里面引用

import Base64 from './assets/js/base64.js' 

Vue.prototype.$Base64 = Base64;

使用页面:

this.$router.push({
  path: "/user/Recommend",
  query:{
    info:this.$Base64.encode(XXXXX)//this.$Base64.encode(JSON.stringify(row))
  }
});

接受参数页面:

let params = JSON.parse(this.$Base64.decode(this.$route.query.info))

到此这篇关于Vue 路由传参加密的文章就介绍到这了,更多相关Vue 路由传参加密内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!

--结束END--

本文标题: Vue 路由传参加密的示例代码

本文链接: https://www.lsjlt.com/news/174807.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • Vue 路由传参加密的示例代码
    首先,创建一个base64.js const Base64 = { //加密 encode(str) { return btoa(encodeURICo...
    99+
    2022-12-12
    Vue 路由传参加密 Vue 路由传参
  • Vue路由传参加密怎么实现
    本篇内容介绍了“Vue路由传参加密怎么实现”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!首先,创建一个base64.jsconst ...
    99+
    2023-07-04
  • vue路由传参-如何使用encodeURI加密参数
    目录使用encodeURI加密参数比如参数是一个对象obj解密方式是使用decodeURIvue路由加密传参传参页面接收页面使用encodeURI加密参数 在路由切换时页面需要使用地...
    99+
    2022-11-13
  • vue动态路由配置及路由传参的示例分析
    这篇文章主要介绍了vue动态路由配置及路由传参的示例分析,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。动态路由:  当我们很多个页面或者组件...
    99+
    2022-10-19
  • vue中路由参数传递的示例分析
    这篇文章主要为大家展示了“vue中路由参数传递的示例分析”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“vue中路由参数传递的示例分析”这篇文章吧。首先我的路由的...
    99+
    2022-10-19
  • vue-router命名路由和编程式路由传参的示例分析
    这篇文章主要介绍vue-router命名路由和编程式路由传参的示例分析,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!有时候,通过一个名称来标识一个路由显得更方便一些,特别是在链接一个...
    99+
    2022-10-19
  • vue嵌套路由-query传递参数的示例分析
    这篇文章主要介绍了vue嵌套路由-query传递参数的示例分析,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。在嵌套路由中我们经常会遇到父路由...
    99+
    2022-10-19
  • vue嵌套路由中params传递参数的示例分析
    这篇文章主要介绍vue嵌套路由中params传递参数的示例分析,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!在嵌套路由中,父路由向子路由传值除了query外,还有params,par...
    99+
    2022-10-19
  • SpringBoot实现接口参数加密解密的示例代码
    目录1. 开发加解密 starter1.1 创建项目1.2 加密工具类1.3 响应工具类1.4 定义注解1.5 定义一个 EncryptProperti...
    99+
    2022-11-13
  • Vue路由传参的三种方式实例详解
    目录Vue路由传参三种方式一、params传参二、路由属性配置传参:三、query传参区别特别注意总结Vue路由传参三种方式 params传参路由属性配置传参query传参 一、pa...
    99+
    2023-01-28
    vue路由的传参方式 vue路由传参的两种方式 vue参数传递方式
  • FlutterRSA加密解密的示例代码
    目录对称加密非对称加密第一步、首先pubspec.yaml中添加依赖第二步、获取公钥私钥文件第三步、在pubspec.yaml文件中添加公钥私钥文件。第四步、实现Encrypt加密解...
    99+
    2022-11-13
  • React中前端路由的示例代码
    目录一. url是什么二. 使用步骤一. url是什么 访问不同url, 展示不同的组件 二. 使用步骤 安装React路由:命令行中执行npm install react-rout...
    99+
    2022-11-13
  • java&javascript自定义加密数据传输代码示例
    在开发应用过程中,客户端与服务端经常需要进行数据传输,涉及到重要隐私信息时,开发者自然会想到对其进行加密,即使传输过程中被“有心人”截取,也不会将信息泄露。对于加密算法,相信不少开发者也有所耳闻,比如MD5加密,Base64加密,DES加密...
    99+
    2023-05-30
    java 数据传输加密 avascript
  • python实现希尔密码加密的示例代码
    目录原理实现原理 希尔密码是运用基本矩阵论原理的替换密码,由Lester S. Hill在1929年发明。 每个字母当作26进制数字:A=0, B=1, C=2… 一串字母当成n维向量,跟一个n×n的矩阵相乘,再将得...
    99+
    2022-06-02
    python 希尔密码加密 python 希尔密码
  • python实现凯撒密码加密解密的示例代码
    凯撒加密就是通过将字母移动一定的位数来实现加密和解密。明文中的所有字母都在字母表上向后(或向前)按照一个固定数目进行偏移,被替换成密文。例如,当偏移量是2的时候,所有的字母B将被替换...
    99+
    2022-11-11
  • SpringBoot实现api加密的示例代码
    目录SpringBoot的API加密对接项目介绍什么是RSA加密加密实战实战准备真刀真枪解密实战实战准备真刀真枪总结项目坑点SpringBoot的API加密对接 在项目中,为了保证数...
    99+
    2022-11-12
  • Golang实现AES加密和解密的示例代码
    目录对称加密 AES 算法加解密文件加密解密说明对称加密 AES 算法 (Advanced Encryption Standard ,AES) 优点 算法公开、计算量小、加密速度快、...
    99+
    2022-11-13
  • VUE+element-ui文件上传的示例代码
    目录图片上传(ImageCropper)文件上传(el-upload)注意图片上传(ImageCropper) 此前端代码自己封装了文件上传,只需要配置后端接口需求URL以及对应的图...
    99+
    2022-11-13
  • Java实现Excel文件加密解密的示例代码
    目录概述示例大纲工具Java代码示例示例1加密工作簿示例2解密工作簿示例3加密工作表示例4加密工作表指定数据范围示例5设置工作表公式隐藏示例6解密Excel工作表概述 设置excel...
    99+
    2022-11-13
  • PHP代码加密和扩展解密的示例分析
    这篇文章主要介绍了PHP代码加密和扩展解密的示例分析,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。php有什么用php是一个嵌套的缩写名称,是英文超级文本预处理语言,它的语法...
    99+
    2023-06-14
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作