退出登录页点击返回键依然可以回到未退出时的页面的解决方法

1.在主应用里修改退出登录路由跳转方式,点击退出账号时移除token,使用history.pushState()进行跳转

history.pushState方法有三个参数,依次为:

title:新页面的标题,这里也可以填null。

state:一个与指定网址相关的状态对象,popstate事件触发时,该对象会传入回调函数。如果不需要这个对象,此处可以填null或者空字符串。

url:想要跳转的网址,必须与当前页面处在同一个域。

2.监听popstate,登录页禁用浏览器后退功能

 在页面加载时使用window.addEventListener()对popstate进行监听

window.addEventListener()的参数分别为:

参数1:监听的对象

参数2:事件处理函数

参数3:一个与指定网址相关的状态对象,不需要可以填null

参数4:想要跳转的网址

在页面卸载时移除监听,使浏览器后退功能正常使用

window.removeEventListener(event,function,useCapture)参数代表的意思

event:必须。要移除的事件名称

function:必须。指定要移除的函数。

useCapture:可选。布尔值,指定移除事件句柄的阶段。

  • true - 在捕获阶段移除事件句柄
  • false- 默认。在冒泡阶段移除事件句柄

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值