首页 > 其他分享 >前端清除cookie会话

前端清除cookie会话

时间:2024-11-25 11:26:09浏览次数:6  
标签:00 登录 清除 前端 会话 cookie 数据

最近开发时遇到了一个问题,那就是h5页面退出后在进入,没有拉起登录,数据还是之前的数据,这样的体验很不好。
排查了一下原因,是cookie数据没清除,所以要清除一下。

想要退出登录,清除会话,前端只能清除cookie数据,通过设置时间,使得重新进入页面后cookie时间过期,重新拉起登录,获取新的会话数据。
代码如下:
document.cookie = name + "=;expires=Thu, 01 Jan 1970 00:00:00 GMT;path=/";

document.cookie是固定方法,用来更改cookie
name是要更改的cookie数据的名字,需要自己写
expires是时间,这里设置成了1970年1月1号的0点
path是指cookie的路径,这里设置成了当前页面路径

主要逻辑就是在点击退出的时候加入代码,清除数据,然后重新进入后获取不到会话数据,就能拉起登录了!

标签:00,登录,清除,前端,会话,cookie,数据
From: https://www.cnblogs.com/s272/p/18567173

相关文章

  • 前端如何优雅通知用户刷新页面? 转载
    原文链接:https://juejin.cn/post/7439905609312403483前言老板:新的需求不是上线了嘛,怎么用户看到的还是老的页面呀窝囊废:让用户刷新一下页面,或者清一下缓存老板:那我得告诉用户,刷新一下页面,或者清一下缓存,才能看到新的页面呀,感觉用户体验不好啊,不能直接刷新页面嘛?窝囊废:可以......
  • 说说你对移动端和web前端开发的主要区别是什么?
    移动端和Web前端开发虽然都属于前端开发的范畴,但它们之间存在一些关键区别:1.平台和环境差异:移动端:面向各种移动操作系统(iOS、Android、HarmonyOS等),需要考虑不同系统的特性、屏幕尺寸、硬件性能等。开发需要针对不同平台进行适配,例如使用不同的开发语言(Swift/Objectiv......
  • 计算机基础---Cookie、Session、Token的区别
    CookieCookie是一种存储在用户浏览器中的小型文本文件,用于保存用户信息和偏好。主要用于记住用户的登录状态、购物车内容、用户偏好等。以加入购物车为例,每次浏览器请求后server都会将本次商品id存储在Cookie中返回给客户端,客户端会将Cookie保存在本地,下一次再将......
  • 2025年前端面试准备vue篇
     1.VUE的声明周期有哪些及每个生命周期做了什么beforeCreate:是newVue()之后触发的第一个钩子,data,methods,computed以及watch上的数据和方法都不能被访问created:在实例创建完成后发生,可以做一些初始化数据的获取,在当前阶段无法与Dom进行交互,如果非要可以通过......
  • 【快速入门】前端御三家:HTML、CSS和JS
    HTMLHTML,超文本标记语言,可以理解成骨架,是一个基础的东西。一.基础结构如图所示:二.常见标签1.标题标签在页面上定义标题性的内容<h1>一级标题</h1><h2>二级标题</h2><h3>三级标题</h3><h4>四级标题</h4><h5>五级标题</h5><h6>六级标题</h6>2.段落标签用于在页面上......
  • 前端必知必会-JavaScript 按位运算
    文章目录JavaScript按位运算JavaScript使用32位按位操作数JavaScript按位与JavaScript按位或JavaScript按位异或JavaScript按位与(&)JavaScript按位或(|)JavaScript按位异或(^)JavaScript按位非(~)JavaScript(零填充)按位左移(<<)JavaScript(零填充)右移......
  • 前端必知必会-JavaScript 运算符优先级
    文章目录JavaScript运算符优先级运算符优先级值增量运算符算术运算符移位运算符关系运算符比较运算符按位运算符逻辑运算符条件(三元)运算符赋值运算符总结JavaScript运算符优先级运算符优先级描述算术表达式中执行运算的顺序。乘法(*)和除法(/)的优先级高于......
  • 请描述一下cookies、sessionStorage和localStorage的区别?
    在前端开发中,cookies、sessionStorage和localStorage都是用于在浏览器中存储数据的机制,但它们之间存在显著的区别:1.数据的生命周期:Cookies:Cookie的生命周期可以通过expires或max-age属性设置。如果没有设置过期时间,Cookie会在浏览器会话结束时(关闭浏览器)被删除,这......
  • 说说你对前端二倍图的理解?移动端使用二倍图比一倍图有什么好处?
    二倍图,也称为@2x图或高清图,指的是在移动端设备上,为了应对高分辨率屏幕(例如Retina屏),使用比实际显示尺寸大一倍的图片资源。例如,如果一个按钮在屏幕上显示的大小是50px*50px,那么它的二倍图尺寸就是100px*100px。理解二倍图的核心在于像素密度(PPI-PixelsPerInch)。早期的移动......
  • 你认为前端工程师应该分为哪些级别呢?说说你的看法
    我认为前端工程师的级别划分可以从多个维度考虑,例如技能熟练度、经验年限、承担的责任以及对团队的贡献等。以下是一种常见的级别划分方式,以及每个级别所需具备的能力:初级前端工程师(JuniorFront-EndEngineer):经验:0-2年技能:掌握HTML、CSS和JavaScript的基础知识,......