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

最新推荐文章于 2024-10-11 09:11:17 发布

原创最新推荐文章于 2024-10-11 09:11:17 发布 · 2k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#web

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

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

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