a标签新开页面sessionStorage丢失

最新推荐文章于 2022-07-11 16:46:13 发布
最新推荐文章于 2022-07-11 16:46:13 发布
阅读量889 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： 前端 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/zrr_520/article/details/124800540
本文探讨了在点击链接新开页面时，sessionStorage在同浏览器同tab情况下为何会丢失，涉及同源策略及解决方案，重点在于如何保持登录状态一致性。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

a标签新开页面sessionStorage丢失

场景

点击标签，新开一个页面
在这里插入图片描述

遇到的问题

打开新页面后重新跳转了登录页，查看后发现session空了
在这里插入图片描述

分析

cookie：
同浏览器，不同tab，同源，同路径
localStorage：
同浏览器，不同tab，同源
sessionStorage
同浏览器，同tab，同源

解决

<a target="_blank" href="www.xxx.com" rel="opener"></a>
登录 注册 vuex \ sessionStorage、localStorage token cookie session 区别 a标签新窗口打开页面跳转sessionStorage丢失
weixin_50885665的博客
04-10 971
这个问题是今天被面试官问道，面试官当时说的话大概意思是，多个网页打开的是同一个网页时，他们使用了同一个sessionStorage，某个页面关闭了，问我其他页面的sessionStorage会不会被清除！例如: 点击新闻 ---- 新窗口打开一个页面 --- 在新窗口打开的页面里用vuex设置的state,原来的新闻页获取不到(用watch也监控不到) ---- 原因是新窗口打开的。2、通过token方式 选2 ---- 如果前端和服务器之间存在跨域问题,推荐用。
【温故而知新】HTML5存储localStorage:sessionStorage.md
最新发布
06-13
当用户关闭浏览器窗口或标签页时，`sessionStorage`中的数据会被自动清除。 - **使用示例**： ```javascript // 存储数据 sessionStorage.setItem('key', 'value'); // 获取数据 var value = sessionStorage....
zuoxiaobai#zuo11.com#怎么解决sessionStorage新打开一个tab页就失效的问题1
07-25
1. sessionStorage在浏览器的两个tab页之前是无法共享的，一个tab页中sessionStorage修改后，不能触发其他tab页的storage
chrome浏览器a标签跳转打开新页面sessionStorage丢失
qq_27525959的博客
04-21 2005
chrome浏览器a标签跳转打开新页面sessionStorage丢失背景介绍问题解决 背景介绍 公司要求用vue开发一个简单的官网，但是这个网站要嵌入公司之前的项目，登录鉴权这一块就很恶心，一方面要开发新需求，另外也要把原项目的部分功能拿过来直接用。 看了原项目，用的是sessionStorage存储sessionid以及一些用户信息，于是我这边系统登录也用了原系统的登录接口，存储信息到sessionStorage。 问题 现在的问题就是原项目里面也有很多子系统，子系统是单独打开的新页面，即a标签 &lt
a标签新窗口打开页面跳转sessionStorage丢失
zhao949895887的专栏
11-13 1727
Chrome更新89版本后，sessionStorage丢失a标签跳转丢失sessionStorage 最简单的解决办法 - a标签添加属性 rel="opener" Chrome对于a标签默认添加了noopener属性，所以通过a标签跳转，会丢失新页面的控制权，sessionStorage自然也就丢失了，我们只需要在a标签上加上 rel="opener" 就行了。 在Chrome浏览器89版本前，当前会话页面指的是当浏览器窗口没有关闭时，窗口内同域网站可以共享此数据（同源浏览器多个窗...
页面跳转后 localStorage存储的值没有了？
AYKMe的博客
11-30 3512
看看是不是跳转前后 http 和 https 是否统一！！！ 查了一下午，心态爆炸！
a标签新开页面sessionStroge缓存数据问题
wangshang1320的博客
07-11 1040
跳转页面缓存sessionStroge
使用sessionStorage解决vuex在页面刷新后数据被清除的问题
08-27
总结来说，结合使用 `sessionStorage` 和 Vuex 可以有效地解决页面刷新后数据丢失的问题，特别是对于需要跨页面共享且在刷新后仍需保留的状态。然而，要记住，Vuex 主要用于管理组件间的通信和状态，而 `...
sessionStorage多标签页数据共享测试代码
与localStorage不同，sessionStorage中的数据仅在当前浏览器标签页或窗口中有效，关闭标签页后数据会丢失。sessionStorage是同源策略的一部分，也就是说，只有来自同一个域名、协议和端口的页面才能访问彼此的...
复制打开新页面sessionStorage存储的信息仍然存在
qq_28584841的博客
07-27 2363
信息存储在sessionStorage中，鼠标停留在当前网页的tab处，右键复制打开新窗口页面，新页面sessionStorage中存储的信息跟原页面一致。 只有复制原网址打开新页面，粘贴转到打开的新页面是没有sessionStorage信息的。 ...
Window.sessionStorage存储，实现打开新页面传递
hzp666的博客
01-20 1849
一开始用localStorage，不论打开多少个页面，哪怕关掉重新打开，同一个网站下的存储的数值还在，问题是，不能同时登录多个账户，以及设置过期时间等 后来启用sessionStorage，可以登录多个账户了，页面一关存储的数值也会自动被清掉，不存在安全问题；但来了新的问题，登录后，父页面跳转打开的新页面，两个页面之间的值无法共享了。 后来想了一下，可以利用window.opener来解决，自己写了一个set和get函数，如下： 封装全局函数: function setSession(name,
右键打开新的标签页，sessionStorage失效
旺旺
03-30 4912
项目场景： 所有人都知道，localStorage和sessionStorage的最大区别是生命周期，一个永久，一个仅针对一个会话期间有效。那么，到底什么是一个会话？多个标签页之间的数据是否会共享呢？ 问题描述： 在今天开发的项目中，有一个需求，需要在a页面通过target="_blank"跳转打开一个新的标签页b，在跳转的过程中，需要把a页面相关的信息通过缓存传到b页面，通过使用sessionStorage实现，不过在跳转之后发现sessionStorage为空，为什么sessionStorag.
【Bug小记】页面刷新后获取不到sessionstorage数据
sunshine641的博客
11-02 2465
最近在做微信公众号遇到的问题： vue项目第三方发布到微信公众号上 再点击刷新后，页面加载访问后台接口获取不到token。 检查发现是因为 从sessionstorage取的token值为null。 开始还以为是刷新导致的数据丢失，所以一直在尝试保存数据，没能解决问题。 最后找来找去发现是路由问题，搭建项目的大哥在配置路由时，修改了默认路径，导致刷新后路由跳转到了url。最后删掉了配置，就可以了。。。。啧 ...
使用sessionStorage新建与本页面一样的Tab页面，并在页间传递参数。
Knight_Ren的博客
07-29 1228
客户提了个需求，点击某个链接，新建一个Tab页，当前页面内容不变，新的Tab页中控件的值和当前页一致。 查阅了相关博客，发现可以用sessionStorage或者localStorage实现，键值对属性的存储，获取。 Demo实现思路：页面加载时使用sessionStorage的getItem（）方法取值，在点击跳转的时候给sessionStorage存值。 一下时Demo代码： &lt...
a标签打开新页面sessionStorage丢失
code_game_的博客
04-12 2505
最近突然市场反馈用户登录后点击链接提示重新登录，检查后发现是sessionStorage丢失，原代码是这样的： <a target="_blank" href="www.XXXXX.com" ></a> 首先先说一下seeionStorage: sessionStorage作用范围：只存在于当前会话页面，当会话结束后，数据也随之销毁，在不同的浏览器窗口中共享。也就是存在于当前浏览器页面，页面关闭，数据也会删除。（注意：通过鼠标右键打开的新标签无法共享sessionStorage）
sessionStorage打开新的标签页数据丢失, 共享数据
Ton555555的博客
08-17 3473
一开始用localStorage，不论打开多少个页面，哪怕关掉重新打开，同一个网站下的存储的数值还在，问题是，不能同时登录多个账户，以及设置过期时间等 后来启用sessionStorage，可以登录多个账户了，页面一关存储的数值也会自动被清掉，不存在安全问题；但来了新的问题，登录后，父页面跳转打开的新页面，两个页面之间的值无法共享了。 后来想了一下，可以利用window.opener来解决，自己写了一个set和get函数，如下： 封装全局函数: function setSession(name, valu
cookie，sessionStorage，localStorage与浏览器新开窗口window.open的关系
Coding home - 漂流瓶jz
03-08 5666
window.open是用JavaScript打开一个新的浏览器的窗口的函数，而cookie，sessionStorage，localStorage是三种常用的浏览器存储数据的方式，在开发时经常会用到。这里不谈cookie，sessionStorage，localStorage三种的联系和区别，只看一下三种在window.open打开窗口时发生的现象。 1. 第一次window.open全部传输成功 首先，我们手动打开第一个窗口，访问本地服务器，例如http://127.0.0.1:7001/。并赋值三
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值