http和https的sessionStorage共享问题

最新推荐文章于 2023-05-29 09:40:03 发布
最新推荐文章于 2023-05-29 09:40:03 发布
阅读量1.3k 收藏 1
点赞数
分类专栏： JavaScript 文章标签： sessionStorage http和https的session共享 session共享
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/George_666/article/details/100082821
版权

http和https的sessionStorage共享问题


今天在写网页的时候遇到了一个比较诡异的问题，我的sessionStorage莫名其妙的跟着“小三”跑掉了。在经过大量的测试之后终于在最后一口气之前把问题的根源找到了。
我写的这个网页是通过open打开的新标签页，打开新标签页之后查看sessionStorage 里面就空白了，因为我跳转之前呢是https协议的网站跳转之后变成了http协议，然后sessionStorage就没有东西了，感觉是因为切换到了不安全的协议所以sessionStorage不共享了。之后我把跳转后的页面改为https这个问题就解决了，我使用的浏览器是chrome。
本人技术小白一个，如果没有有解决大哥的问题多多包涵，谢过

George_666
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
sessionStorage可以在多个Tab之间共享数据吗？
07-11 1066
不可以。sessionStorage是浏览器会话级别的存储机制，它只在单个浏览器标签页(tab)或窗口之间共享数据。每当用户打开一个新的标签页或窗口时，会话存储会被重新初始化，每个标签页或窗口都会有自己的独立的sessionStorage。 如果您需要在多个标签页或窗口之间共享数据，可以考虑使用其他的机制，如localStorage或IndexedDB。localStorage是在同一域名下的所...
关于谷歌Chrome浏览器sessionStorage的跨tab页共享问题
qq_39217871的博客
04-06 4966
Chrome浏览器跨tab页sessionStorage共享问题 问题现象 在当前页面下开启一个新的同源tab页sessionStorage中的内容未有效共享到新开tab页中，导致新开tab页sessionStorage为空。 解决办法 首先抛出一个十分简单的解决办法，那就是使用window.open()方法打开这个同源tab页即可实现sessionStorage的有效共享。 第二种方法是通过window.addEventListener('storage', () => {})事件监听，来进行同源跨
一：http和https协议的认识?二：状态码？三：cookie，sessionStorage，localStorage四：强缓存和协商缓存五：AJAX是什么? 优缺点
zxf318的博客
11-04 252
一：http和https协议的认识?二：状态码？三：cookie，sessionStorage，localStorage四：强缓存和协商缓存五：AJAX是什么? 优缺点
https里面的localstorage和http里面的localstorage是不一样的，不共享的
weixin_45422787的博客
11-30 746
https里面的localstorage和http里面的localstorage是不一样的，不共享的
php https 跨域,http与https跨域共享session的解决方法
weixin_34494211的博客
04-13 340
遇到了HTTP、HTTPS协议下session共享解决cookie失效的问题，这里提供一个临时解决办法。实现原理：把session id设置到本地的cookie。如下：复制代码 代码示例:$currentSessionID = session_id();session_id($currentSessionID );以下是实现代码，分为http与https两部分。1，http部分：复制代码 代码示例...
java 共享session_详解Java分布式Session共享解决方案
weixin_34357614的博客
02-12 491
分布式Session一致性？说白了就是服务器集群Session共享的问题Session的作用？Session 是客户端与服务器通讯会话跟踪技术，服务器与客户端保持整个通讯的会话基本信息。客户端在第一次访问服务端的时候，服务端会响应一个sessionId并且将它存入到本地cookie中，在之后的访问会将cookie中的sessionId放入到请求头中去访问服务器，如果通过这个sessionid没有找...
java session跨域共享_session跨域共享解决方案
weixin_28995139的博客
02-12 652
要让session跨域共享，需要解决三个问题：1、通过什么方法来传递session_id？2、通过什么方法来保存session信息？3、通过什么方法来进行跨域?一、传递session_id有4种方法1、 通过cookie2、 设置php.ini中的session.use_trans_sid=1，让PHP自动跨页传递session id3、 手动通过url或隐藏表单传值4、 用文件或数据库方式传递，...
解决sessionStorage页面共享问题
hahaha921的博客
07-15 2023
vue项目中实现sessionStorage在不同页面共享
多頁面共享sessionStorage並同步至vuex範例
08-09
针对这个问题，我们可以结合Vue.js和Vuex来实现跨页面的数据共享和同步。 Vue.js是一个流行的前端JavaScript框架，它简化了构建用户界面和管理应用程序状态。Vuex是Vue生态中的状态管理库，它提供了一个中心化的...
localstorage和sessionstorage使用记录(推荐)
09-27
使用`localStorage`和`sessionStorage`的基本方法包括`setItem`、`getItem`、`removeItem`和`clear`： - `setItem(key, value)`：将键值对存储到本地存储中，如`localStorage.setItem('key', 'value')`。 - `...
php中http与https跨域共享session的解决方法
12-18
遇到了HTTP、HTTPS协议下session共享解决cookie失效的问题，这里提供一个临时解决办法。 实现原理：把session id设置到本地的cookie。 如下： 复制代码 代码如下: $currentSessionID = session_id(); session_id($currentSessionID ); 以下是实现代码，分为http与https两部分。 1，http部分： 复制代码 代码如下: <?php session_start();  $currentSessionID = session_id();  $_SESSION[‘testvariable’] =
http和https共存导致session丢失
搬山境KL攻城狮的修炼手册
11-25 1114
一、问题描述 使用tomcat部署应用时，同时启用http和https，当用户先打开https://localhost:8443/，再将协议切换为http协议时http://localhost:8080/时，系统后台无法到获取登录页验证码（后台生成的验证码存储在session中）。 不切换http和https时，无此问题，均可正常获取验证码。 二、原因 http和https共存导致session丢失，session中存储的验证码自然也无法获取！ 参考： 在HTTP和HTTPS之间切换时，JSessi
【HTTP】Cookie、 LocalStorage 与 SessionStorage基本概念
jzq950522的博客
03-07 252
说到浏览器本地缓存，我们就必须提到cookie，在HTML5标准之前，只能使用cookie进行浏览器缓存数据。HTML5之后提出了webstorage，webstorage又分为localstorage(本地储存)和sessionstorage(会话储存)。我们来看下他们的差别。 1.Cookie 大小限制在4kb 每次网络请求cookie都会被发送到服务器 如果不设置过期时间，浏览器关闭coo...
跨域共享session （实现http跳转https 共享session）
Just Code
08-26 654
在网上找了很多，终于搞明白了，也行不是最好的办法，但确实非常使用的方法。   其中最重要的就是 设置session id 至 本地 cookies 当中， 采用如下方法：   $currentSessionID = session_id();   和   session_id($currentSessionID );     简单实例：   Script 1(HTTP) ...
https跳转到http session丢失问题
name327的专栏
07-13 912
首先说下  http&gt;https&gt;http session是不会丢失的。   这个就是用户登录时候通过http访问了首页，或者页面，然后点击登录按钮，跳转到https协议下，输入完毕用户名密码等信息，登录录成功，在服务端session放入当前登录用户信息.   这种跳转方式不会出现session丢失情况。     这时候，如果用户没有访问你的http页面，而是直接通过...
本地存储三种方式cookie、localStorage、sessionStorage的详细介绍
热门推荐
weixin_45709829的博客
04-05 1万+
前言 网页刷新的时候数据会被清空，这时候就需要用到存储技术。前端本地存储的方式有三种，分别是cookie、localStorage、sessionStorage。在前端面试过程中，经常会被问及这些存储技术和区别，优缺点，但是很少有人真正理解这些存储技术的具体介绍。笔者以为在学习过程中，首先要明白是什么学懂是什么为什么怎么样，然后再去比较这三者会比较好一点，有一种逻辑性，而不是一上来就背诵一些面经。本文会先整理这三者的介绍，下一篇文章会详细整理这三者的区别和应用场景。 一、cookie 1.1 cookie是
Qt+QtWebApp开发笔记（四）：http服务器使用Session和Cookie实现用户密码登录和注销功能
最新发布
05-29 8902
前面实现了基础的跳转，那么动态交互中登录是常用功能。本篇实现一个动态交互的简单登录和注销功能，在Qt中使用Session和Cookie技术。
sessionStorage 问题
波子汽水
03-25 719
问题描述 列表页点击进详情页的时候数据没加载到 查看前端代码 在跳转的时候取的列表页数据存到sessionStorage里面 function getCollarDetails(index) { var rows = $('#coupon_list_table').bootstrapTable('getData'); var row = rows[index]; var strData = JSON.stringify(row); sessionStorage.setItem
数据缓存sessionStorage、localStorage、cookie、session间的区别与联系
赏樱看雪撸代码
05-10 6548
 核心三步曲：创建-获取-清除（回收） sessionStorage.setItem("key","123"); sessionStorage.getItem("key"); sessionStorage.removeItem("key"); sessionStorage.clear();//清除所有 主要作用：用来存储客户端临时信息的对象【数据临时存放区，能在一定程度上减少与服务器的...
localStorage 和 sessionStorage 数据共享有什么不同
05-25
localStorage 和 sessionStorage 是 HTML5 提供的 Web 存储 API，它们都可以用来在客户端存储数据。它们的不同点在于： 1. 生命周期：localStorage 的生命周期是永久的，即使用户关闭了浏览器窗口也不会被清除。而 sessionStorage 只在当前会话下有效，即当用户关闭浏览器窗口时会被清除。 2. 作用域：localStorage 存储的数据对于同源的所有窗口都是共享的，即一个窗口存储的数据可以被同一域名下的其他窗口访问。而 sessionStorage 存储的数据只能在同一窗口中共享，即不同窗口之间无法访问对方的数据。 因此，如果需要在不同窗口之间共享数据，应该使用 localStorage。如果只需要在当前窗口中共享数据，应该使用 sessionStorage。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值