Vue 路由传参加密
首先,创建一个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(JSON.stringify({name:'',id: '',mobile:'',numId: '',}))}
});
或者直接:
this.$router.push({path: "/user/Recommend",query:{info:this.$Base64.encode(XXXXX)}
});
接收参数的页面;
let params = JSON.parse(this.$Base64.decode(this.$route.query.info))
转自:https://www.jianshu.com/p/3d9b254a750d
Vue 路由传参加密相关推荐
- vue路由传参-如何使用encodeURI加密参数
这篇文章主要介绍了vue路由传参-如何使用encodeURI加密参数,具有很好的参考价值,希望对大家有所帮助.如有错误或未考虑完全的地方,望不吝赐教 使用encodeURI加密参数 在路由切换时页面需 ...
- vue 路由传参 params 与 query两种方式的区别(转载)
vue 路由传参 params 与 query两种方式的区别 初学vue的时候,不知道如何在方法中跳转界面并传参,百度过后,了解到两种方式,params 与 query.然后,错误就这么来了: ro ...
- vue路由+ elementUI表格组件:loop文章列表页enter内容页(vue路由传参userid)- 代码篇
elementUI表格组件,response.data.newsLists列表如何循环出来?如何点击传参numId,并进入对应的内容页? 本文意图: 使用官方table组件:实现API调用:文章遍历. ...
- vue 路由传参 params 与 query两种方式的区别
vue 路由传参 params 与 query两种方式的区别 初学vue的时候,不知道如何在方法中跳转界面并传参,百度过后,了解到两种方式,params 与 query.然后,错误就这么来了: ro ...
- vue路由传参的三种方式/含页面刷新参数丢失解决方案(详细)
vue路由传参的三种方式以及页面刷新参数丢失问题 一.路由传参的三种方式 1.传参方式一:params传参 2.传参方式二:路由属性配置传参 3.传参方式三:query传参 二.三种传递方式的区别 一 ...
- 详解vue路由传参的三种方式
在我们开发vue项目的时候,路由传参几乎是我们必须要用到的,一般出现场景是,当我们点击某个组件的某个按钮时跳转到另一个组件中,并携带参数,便于第二个组件获取数据.下面我就来说说vue路由传参的三种方式 ...
- vue路由传参,对参数值编码处理
vue路由传参: 问题: 很明显vue路由传参在没有任何处理的情况下,参数值会裸露在URL中,这并不是我们所希望的.但因为某些因素一定要用路由传参,最起码也要对这种裸露在URL中的参数值做个编码 Ja ...
- Vue路由传参params 与 query
一.路由传参分为 params 传参与 query 传参 1. params params 传参类似于网络请求中的 post 请求,params 传过去的参数不会显示在地址栏中(但是不能刷新).par ...
- Vue路由传参详解(params 与 query)
Vue路由传参详解(params 与 query) 前言: 路由传参分为 params 传参与 query 传参 params 传参类似于网络请求中的 post 请求,params 传过去的参数不会显 ...
最新文章
- 算法之递归(3)- 链表操作
- Unity网络多玩家游戏开发教程第1章Unity自带网络功能
- nagios出现乱码
- Jzoj4845 寻找
- 李宏毅线性代数11: 正交(Orthogonality)
- Shell-实际业务操作03
- ubuntu 12.04下搭建web服务器(MySQL+PHP+Apache) 教程
- JBOSS 5.0GA 配置布署
- javascript调试常用工具讲解
- [转载] python元组 tuple
- 1.Hadoop的组成 HDFS YARN
- openjdk替换java_ubuntu中将java环境由安装版的openjdk替换为Oracle的jdk
- 第三讲 信息资产的分类与控制
- 8K HDR!|为 Chromium 实现 HEVC 硬解 - 原理/实测指南
- 2021 年人工智能全球最具影响力学者榜单 AI 2000 发布
- android网易云信使用方法,网易云信Android版demo修改为自己所用
- 有时候,当我们要进入某个外网时,很慢很慢,等很久才进得去
- 在Eclipse上搭建Android开发环境
- 定时任务系列(3)-Quartz动态定时任务
- mysql limit 0_MySQL 8.0 关于LIMIT的知识点理解