当前地址栏（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是否存在的话进行操作啦。