vue获取浏览器请求链接的参数

男娘i 2023-07-24 09:11 30阅读 0赞

在我们做卫星公众号项目的时候往往都要获取用户信息，这时候后端会给你请求链接。我们的参数就是从这个请求连接里拿的  
首先新建一个文件夹 method.js  
加入下面的代码：

export function getUrlKey(name) { 
      return (
        decodeURIComponent(
          (new RegExp("[?|&]" + name + "=" + "([^&;]+?)(&|#|;|$)").exec(
            location.href
          ) || [, ""])[1].replace(/\+/g, "%20")
        ) || null
      );
    } 
    export default { 
      getUrlKey,
    }

接下来就是取值了（以下代码是我自己的使用过程），根据自己需求定义哈  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMTk1ODMx_size_16_color_FFFFFF_t_70]  
当然，取出来的值肯定在下一次会使用到，那么接下来就是存值了，怎么存？  
这就需要用到我们的h5的新特性了呀！（皮一下）  
localStorage 或者 sessionStorage  
localStorage - 用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去除。  
sessionStorage - 用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据。  
（不明白可以参照：https://blog.csdn.net/qq\_43195831/article/details/102686534）  
注意：setItem 是保存数据  
getItem 是读取数据  
这样在你下次要使用数据的时候直接读取出来就可以了！  
好了，唠嗑够了（嘻嘻~~）

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMTk1ODMx_size_16_color_FFFFFF_t_70]: /images/20230528/97456b9d1478474f9a5ea6f3c29df281.png

发表评论取消回复

表情：

评论列表（有 0 条评论，30人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue获取浏览器请求链接的参数

在我们做卫星公众号项目的时候往往都要获取用户信息，这时候后端会给你请求链接。我们的参数就是从这个请求连接里拿的首先新建一个文件夹 method.js 加入下面的代码：

男娘i/ 2023年07月24日 09:11/ 0 赞/ 31 阅读

相关 AngularJs获取链接中的参数

1、被获取的链接 [http://localhost:8080/channel-manager-web/unifiedPlayNewService/broadcastingM

灰太狼/ 2023年07月17日 06:59/ 0 赞/ 42 阅读

相关 SpringBoot 请求链接参数忽略大小写

SpringBoot 请求链接参数忽略大小写 URL 忽略大小写参数忽略大小写获取参数的方式，影响参考资料 URL 忽略大小写

Myth丶恋晨/ 2023年01月05日 14:11/ 0 赞/ 202 阅读

相关前端获取链接上参数

1、如何获取URL地址链接参数例子：`https://www.baidu.com/?tn=78040160_5_pg&ch=8` function getU

Myth丶恋晨/ 2022年12月03日 08:48/ 0 赞/ 203 阅读

相关获取网址链接的参数

获取网址链接的参数，可以方便我们进行调整页面的显示，或者发送数据给后端进行相关处理，以下是获取参数的代码参考： // 获取链接的参数 function ge

傷城~/ 2022年10月11日 01:12/ 0 赞/ 222 阅读

相关获取超链接后的参数

function GetRequest() \{ var url = location.search; //获取url中"?"符后的字串 var t

ゞ浴缸里的玫瑰/ 2022年07月19日 05:24/ 0 赞/ 206 阅读

相关 JavaScript获取链接指定参数

//当前链接 : http://dev.m.tv.959.cn/ketang/pay/810.html?type=1 function GetUrlP

﹏ヽ暗。殇╰゛Y/ 2022年03月06日 14:36/ 0 赞/ 220 阅读

相关小程序获取链接中的参数

onLoad: function (options) \{ if (options != null && options != undefined && options.s

雨点打透心脏的1/2处/ 2022年01月26日 15:29/ 0 赞/ 454 阅读

相关 JAVA获取请求链接中所有参数（GET请求）

Enumeration<String> paraNames=request.getParameterNames(); for(Enumeration<

蔚落/ 2021年11月23日 03:18/ 0 赞/ 670 阅读

相关 jQuery获取浏览器URL链接的值

方法一： $.extend({ getUrlVars: function () { var vars = [], hash;

小咪咪/ 2021年07月24日 15:51/ 0 赞/ 464 阅读