网站关闭浏览器页签不需要重新登录关闭整个浏览器需要重新登录

最新推荐文章于 2023-10-15 21:19:28 发布

杨星星_

最新推荐文章于 2023-10-15 21:19:28 发布

阅读量2.2k

点赞数

文章标签： javascript cookie vue

本文链接：https://blog.csdn.net/Yang_Xingxing_/article/details/120100622

版权

使用cookie来实现

第 1 步：当登录进入网站时记录状态位loginStatus到cookie中，注意不要设置expires，这样cookie在会话期间有效，当关闭全部浏览器的时候会清除cookie。

在这里插入图片描述

setCookie('loginStatus', true);

第 2 步：再次打开浏览器进入页面，获取cookie中的loginStatus，此时已经获取不到了，在此处下线登录状态，就需要用户重新登录了。

// 此处代码要写在项目 这样一进来网站就会被访问到
if (!getCookies('loginState')) {
  // 退出登录状态
  logout();
}

存取cookie可使用自己封装的方法

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

杨星星_

关注关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

vue中 localStorage + sessionStorage实现浏览器关闭跳转登录，新建页签无需登录的功能

技术改变生活

04-13

1005

1、在app.vue中监听关闭浏览器 (刷新) 时清空localStorage确保关闭浏览器销毁token mounted: function () { window.addEventListener('unload', () => { // 这一步是在销毁之前存入session，确保刷新后token还在 if (l...

解决关闭浏览器后再打开，访问网站仍然自动登陆的问题

oldwangold的博客

03-16

8511

情况描述：今天被授权以管理员身份登录管理系统，录入一些信息，但因为Chrome设置的是保存Cookie，并且先登录了自己的账号，所以即便关掉浏览器再打开，仍然是以自己的账号自动登录，而页面的注销按钮也不好使，开关了几下浏览器都不好使。原因：刚好趁这个机会，把自己所了解的知识用一用，发现仅仅是自己对Cookie和Session的了解，根本没办法解释，Cookie只在当前页面有效，Sess...

参与评论您还未登录，请先登录后发表或查看评论

关闭浏览器再打开，网站是否应该自动登录以及如何实现呢？

最新发布

baiyu33的博客

10-15

8841

最近（2023-10-15）每次打开 Chrome 浏览器，Chrome 自身账号以及各个网站账号都需要重新登录，电脑本身为家用，使用时间不多的情况下，频繁登录账号很痛苦，也很迷惑。设置 -> 隐私和安全 -> 网站设置 -> 更多内容设置 -> 设备端网站数据, 切换到 “允许网站将数据保存在设备上”。

怎样实现登录用户管理_怎样实现登录？| Cookie or JWT

weixin_39700625的博客

12-02

229

先问小伙伴们一个问题，登录难吗？“登录有什么难得？输入用户名和密码，后台检索出来，校验一下不就行了。”凡是这样回答的小伙伴，你明显就是产品思维，登录看似简单，用户名和密码，后台校验一下，完事了。但是，登录这个过程涵盖的知识点是非常多的，绝不是检索数据，校验一下这么简单的事。那么登录都要哪些实现方式呢？i最传统的就要是Cookie-Session这种方式了，最早的登录方式都是这样实现的。但是随着手机...

js 无提示关闭浏览器页面的代码

10-29

有时为了特定的功能实现，我们可能需要关闭当前浏览器的标签页或窗口。特别是在用户执行某些操作后，关闭页面是一种常见的做法。为了用户体验，我们希望这个过程是无提示的，即不弹出任何确认对话框。接下来，将详细...

JS区分浏览器页面是刷新还是关闭

10-22

例如在页面关闭时和页面刷新时提供不同的提示信息，或者在页面刷新时需要有延时操作，比如在客服系统中，为了避免电话系统频繁签入签出导致的问题，可能会设置一个延时再让用户重新登录。这要求开发者能够区分页面是...

JS不需要确认关闭浏览器.html

04-26

JS不需要确认关闭浏览器或当前页面，大部分浏览器支持

edge浏览器右键关闭标签插件edge-plus

10-21

将下载文件放入Edge目录（C:\Program Files (x86)\Microsoft\Edge\Application）然后重启浏览器（或重启电脑）即可地址栏全角字符自动转换功能：：转换成: 、转换成/ 地址栏回车新开tab打开...右键关闭标签页。。。。

vue 关闭浏览器窗口的时候,清空localStorage的数据示例

10-16

今天小编就为大家分享一篇vue 关闭浏览器窗口的时候,清空localStorage的数据示例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

js关闭浏览器窗口及检查浏览器关闭事件

01-19

js关闭浏览器窗口 js关闭浏览器窗口，不弹出提示框。支持ie6+，火狐，谷歌等浏览器。代码如下: <html> <head /> <body> [removed] function closeWin(){ window.opener=null; window.open(”,’_...

浏览器无法保存密码，每次登录网页都要重新登录，解决办法

baidu_41296073的博客

09-16

1336

浏览器无法保存密码，每次登录网页都要重新登录，解决办法

shiro实现不同浏览器本修改密码时其余浏览器需要重新登录

LzwGlory的专栏

03-11

3858

/** * @author 作者 LzwGlory * @version 创建时间：2015年3月4日下午5:46:11 * 类说明 shiro session管理 */ public class MySessionDAO extends CachingSessionDAO { private static Logger log = Logger.getLogger(LoginCo

浏览器多标签页登录身份刷新

Windeal

09-18

1830

欢迎关注我的主页 blog.lipeilun.com 背景用户在浏览器打开一个标签页Tab1，登录身份A 在同一个浏览器中，另外打开一个标签页Tab2重新登录身份B。如果没有做特别处理，切回Tab1时，看到时依然时身份A的信息。由于浏览器共享cookie，后台等登录态已经切换为身份B。这时在Tab1等操作，实际上是操作的是身份B的数据。这显然是不合理的通常合理的做法是，在切回T...

解决Vue长时间未点击清除用户信息跳转到登录页解决刷新也会跳转页面的问题

can0711的博客

01-26

2133

长时间不点击页面跳转到登录页(Vue) 使用beforeunload在关闭浏览器前清除localstorage存储的用户信息，会导致刷新页面也清除信息，用unload解决在App.vue入口文件里设置 ...

前端多页签共享登录，退出状态

m0_70334976的博客

06-29

204

window.location.href= ‘xxxxxx' //页面地址。//直接监听storage 即可。

不点击退出，下次打开网站自动登录，cookie用法

xiequanshuai的博客

07-01

617

不点击退出，下次打开网站自动登录先要设置两个cookie分别记录用户名和密码如： //设置不点击退出，进入页面自动登录 setcookie("UserName2", $username, time()+3600*24*30,'/'); setcookie("Password2", $password, time()+3600*24*30,'/'); 直接关闭页面，下次登录网站首页判断，使用cookie记录的用户名和密码是否存在，存在则登录进入网站，不存在则需要重新登录，判断代码如下

怎么样设置关闭网页再次登录网页是正常登录状态_微软承认Edge无法记住网站登录公布临时解决方案...

weixin_39787628的博客

12-03

2288

已升级到 Edge 86 稳定版的用户反馈称，新版 Edge 无法记住网站登录。根据反馈的信息，触发这个问题的原因可能是在关闭浏览器的时候清除了“托管应用数据”而导致的。目前微软已经承认了这个问题，并提供了一个临时解决方案，在用户关闭并重新打开 Edge 浏览器之后能保持登录状态访问网页。目前微软正在调查这个问题。在 Edge 论坛、Reddit 社区和 Answer 社区上，有多位用户反馈称 E...

如何实现浏览器关闭再打开，不需要重新登录

06-10

为了实现浏览器关闭再打开，不需要重新登录，我们可以使用浏览器的 localStorage 或 sessionStorage 来实现。当用户成功登录后，我们可以将用户的身份信息（如用户名、用户 ID 等）存储在 localStorage 或 sessionStorage 中。在客户端每次请求时，我们可以从 localStorage 或 sessionStorage 中获取用户的身份信息，以判断用户是否已经登录。 localStorage 和 sessionStorage 都是浏览器提供的本地存储方案，两者的区别在于 localStorage 存储的数据没有过期时间，而 sessionStorage 存储的数据在会话结束时会被删除。因此，如果要实现长期记住用户登录状态，可以使用 localStorage，否则可以使用 sessionStorage。需要注意的是，使用 localStorage 或 sessionStorage 存储用户身份信息存在一定的安全风险，因为这些信息可以被其他人轻易地获取。因此，在存储用户身份信息时，我们需要对其进行加密或者使用安全的加密算法，以确保用户信息的安全性。