mitu9527
V2EX  ›  程序员

浏览器如果不用 Cookie,是不是就没办法做到“关闭浏览器再重新打开就要重新登陆”了?

By mitu9527 at 2020 年 9 月 4 日 · 5770 次点击

传统的网站可以使用“会话 Cookie”,如果浏览器关闭,这种 Cookie 就会过期,所以关闭浏览器后再打开该网站就要重新登陆。

如果换成前后端分离,并且因为跨域和部分客户端不支持 Cookie 导致不能使用 Cookie 的话,此时浏览器好像并没有什么办法能做到“关闭浏览器再重新打开就要重新登陆”,是不是这样呢?还是说有什么办法可以做到?

33 条回复  •  2020-09-07 11:33:11 +08:00
cigmax
   1
cigmax  
   2020 年 9 月 4 日 via iPhone
jwt
javalaw2010
   2
javalaw2010  
   2020 年 9 月 4 日
也许可以看看 SessionStorage
mitu9527
   3
mitu9527  
OP
   2020 年 9 月 4 日
@cigmax JWT 能做到关闭浏览器后就失效么?好像不能吧
mitu9527
   4
mitu9527  
OP
   2020 年 9 月 4 日
@javalaw2010 我不是前端,不过我也以为借助 SessionStorage 可以做到,去专门查了一下资料,好像并不可以。
JJstyle
   5
JJstyle  
   2020 年 9 月 4 日 via iPhone
localStorage 可以
mitu9527
   6
mitu9527  
OP
   2020 年 9 月 4 日
@mitu9527 SessionStorage 貌似在多页应用下会出问题。
mitu9527
   7
mitu9527  
OP
   2020 年 9 月 4 日
@JJstyle localStorage 不是永久存储么,浏览器关闭会自动清除么?好像不能吧。
JJstyle
   8
JJstyle  
   2020 年 9 月 4 日 via iPhone
@mitu9527 为什么要关闭浏览器自动清除 localstorage
mitu9527
   9
mitu9527  
OP
   2020 年 9 月 4 日
@JJstyle 就是好奇是不是就不能做到传统网站那种“关闭浏览器后再打开就要重新登陆”了。
ochatokori
   10
ochatokori  
   2020 年 9 月 4 日 via Android
监听 close 事件清除 localstorage
crclz
   11
crclz  
   2020 年 9 月 4 日
服务端提供两种方式的认证:通过 cookie 、通过 header 里面附带一个 token (习惯于使用 jwt 来承载数据)。与之对应的是,服务端的登录接口要返回对应的 token 。

客户端如果不能使用 cookie,就使用 localStorage 。在执行登录的时候在 localStorage 保存返回的 token,并且在后续请求中在 header 附带这个 token 。
crclz
   12
crclz  
   2020 年 9 月 4 日
抱歉,看错问题了。
mitu9527
   13
mitu9527  
OP
   2020 年 9 月 4 日
@crclz 你说的我知道,不过我不是在问 Token 、Session 和 Cookie 哈。
yushiro
   14
yushiro  
   2020 年 9 月 4 日 via iPhone   ❤️ 1
是我语文没学好?还是 lz 表达错了?
不用 cookie,关闭浏览器,再打开网站,肯定要重新登陆啊,你的登陆信息没有保存。
mitu9527
   15
mitu9527  
OP
   2020 年 9 月 4 日
@ochatokori 全清理了?那是不是所有本地数据都没了?如果是的话,虽然好像确实达到了目的,但是应该也会有副作用吧。
wanguorui123
   16
wanguorui123  
   2020 年 9 月 4 日 via iPhone
了解下浏览器的 unload 事件
javalaw2010
   17
javalaw2010  
   2020 年 9 月 4 日
@mitu9527 我也不是前端,只是开个脑洞:sessionStorage tab 页之间的上下文是独立的,那么是不是可以通过 tab 页面之间通信的方式共享 sessionStorage,从而达到全局共享同一个 SessionStorage 上下文内容的目的
ochatokori
   18
ochatokori  
   2020 年 9 月 4 日 via Android
不过本来这个就是 sessionstorage 做的事,不知道你说的多页面会出问题会出什么问题
JJstyle
   19
JJstyle  
   2020 年 9 月 4 日 via iPhone
抱歉我也看错问题了🤣
mitu9527
   20
mitu9527  
OP
   2020 年 9 月 4 日
@yushiro 前后端分离一般都用 Token,不过我也忘记说了。
mitu9527
   21
mitu9527  
OP
   2020 年 9 月 4 日
@javalaw2010 感觉有可能,postMessage ?坐等专业前端给与解答。
crclz
   22
crclz  
   2020 年 9 月 4 日
可以以 localStorage 为存储,实现 session 级别的存储。
在 localStorage 里面存储: key=accesstoken, value 包含 2 个字段,一个是 lastTouch,一个是 token 。

每 1 秒执行一下 touch 函数。touch 函数的行为:如果 now - lastTouch > 3 sec,则删除'accesstoken'对应的数据。否则就更新 lastTouch 。
mitu9527
   23
mitu9527  
OP
   2020 年 9 月 4 日
@wanguorui123 我刚才去网上搜了一下,“如果您重载页面,也会触发 unload 事件”,那刷新页面也会清空凭据?
anguiao
   24
anguiao  
   2020 年 9 月 4 日 via Android
可以借助 localStorage 和 storage 事件,实现跨标签页共享 sessionStorage 。
yulon
   25
yulon  
   2020 年 9 月 5 日
以前有家 StartSSL 可能想炫技吧,是用证书登陆的,然后喜闻乐见的是,买的证书一年半载才需要续,每次要续的时候,如果重装过系统或浏览器,老是忘记登陆证书放在哪里了
o0
   26
o0  
   2020 年 9 月 5 日
多年前的网站会把 token 放到地址栏里面。
namelosw
   27
namelosw  
   2020 年 9 月 6 日
unload 可以,清楚 localStorage 是个同步操作所以大部分时候是好用的。但是并完全不可靠,毕竟可以拔电源。
zhugefubin
   28
zhugefubin  
   2020 年 9 月 6 日 via Android
做个本地的定时,记录时间,时间间隔超过一定的时间就重新登录
mitu9527
   29
mitu9527  
OP
   2020 年 9 月 6 日
@zhugefubin 如果是这种,哪里还需要本地做,直接 Token 中加过期时间了。
marcong95
   30
marcong95  
   2020 年 9 月 6 日
你要关闭浏览器 /页面 /app 之后清除 token 的话,你完全不用任何处理,找个全局变量放起来就行了吧。

只有你需要考虑下次打开维持登录状态才要考虑 token 的持久化吧
lscexpress
   31
lscexpress  
   2020 年 9 月 7 日
websocket,断开连接就清除用户信息。
可以做到闭浏览器再重新打开就要重新登陆,但刷新也变得需要重新登录了,哈哈,没想到吧。
但也不是没办法解决,需要你会 chrome 应用开发。这样子你的成本会变很高,去实现一个需求。
我盲猜你是新人,因为新人不会在技术和业务之中需求平衡点,简单点来说就是怼产品的奇葩需求。
zhuweiyou
   32
zhuweiyou  
   2020 年 9 月 7 日
sessionStorage 关闭浏览器会自动清掉
alertZ
   33
alertZ  
   2020 年 9 月 7 日
用 sessionStorage 。我在多页面情况下使用这个并没有出现啥特殊情况。当浏览器关闭后重新进入就需要重现登录了。
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
© 2026 V2EX · 51ms · 3.9.8.5