当前地址栏（URL)参数含有特殊符号的处理[vue]

最近项目里有这样一个需要，用户可以通过外部链接进入我们的系统，我们需要从它携带的参数token中获取该值，但是该值在获取后含有特殊字符，如空格、#等。

首先我们需要先了解基本网址URL中特殊字符转义编码

字符	URL编码值
=	%3D
+	%2B
空格	%2F
?	%3F
#	%23
&	%26

获取地址栏对应的地址参数信息以及用replace进行对该数据处理

  let token = this.$route.query.token;if (token) {// url地址栏中特殊字符转义token = token.replace(/\=/g, "%3D").replace(/\+/g, "%2B").replace(/[\s]/g, "%2F").replace(/\?/g, "%3F").replace(/\#/g, "%23").replace(/\&/g, "%26");}

这样就可以根据该token是否存在的话进行操作啦。

当前地址栏（URL)参数含有特殊符号的处理[vue]相关推荐

javascript/jquery获取地址栏url参数的方法
本篇文章主要是对javascript/jquery获取地址栏url参数的方法进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助. 使用jquery获取url以及使用jquery获取url参数是我 ...
截取地址栏URL参数
UrlParm = function() { // url参数var data, index;(function init() {data = [];index = {};var u = window ...
前端使用正则表达式获取地址栏URL参数的值并将需要的参数值展示在页面
业务场景:APP中有个H5页面需要分享到微信,用户点击这个消息会跳转到这个网页进行信息确认,然后引导用户下载另一个应用.我们前端工程师需要做的就是将分享的参数在这个网页的地址栏进行获取并展示在信息确认 ...
asp.net下url参数含有中文读取后为乱码
js 传递参数为中文, 程序读取中文后为乱码, 解决此问题是需要将该中文进行编码,使用 encodeURI(). 或者通过程序进行相应的编码处理. 转载于:https://www.cnblogs.c ...
SpringBoot 请求参数包含 [] 特殊符号
springBoot 版本 2.0.4.RELEASE 当参数含有特殊符号 [] 报错400 解决方案类似springMvc修改tomcat配置,springBoot 启动类中添加 bean impo ...
php 正则替换url参数,JavaScript正则获取地址栏中参数的方法分享
这篇文章主要介绍了JavaScript正则获取地址栏中参数的方法,涉及javascript基于正则的字符串截取操作相关实现技巧,需要的朋友可以参考下本文实例讲述了JavaScript正则获取地址栏中 ...
js获取地址栏url以及获取url参数
js原生态写法代码如下复制代码 function getUrlParam(name) { var reg = new RegExp("(^|&)"+ name ...
vue 页面url参数_Vue下URL地址栏参数改变却不能刷新界面
在完成毕业设计(基于Vue的信息资讯展示与管理平台)的过程中,处理如下图所示的点击左侧栏目列表跳转到对应文章列表的问题时,初次点击可以跳转到对应的页面,但是当第二次点击时,虽然地址栏的参数改变了, ...
地址html后面传参,JS中获取地址栏url后面的参数的三种方法
这里提供了三种获取地址栏url后面参数的方法: 方式1 传参: window.location.href = "/html/bsp/user/userEdit.html?name=四个空格& ...

当前地址栏（URL)参数含有特殊符号的处理[vue]

首先我们需要先了解基本网址URL中特殊字符转义编码

获取地址栏对应的地址参数信息以及用replace进行对该数据处理

当前地址栏（URL)参数含有特殊符号的处理[vue]相关推荐

最新文章

热门文章