vue页面无操作30分钟退出登录

我一个pc商城的项目，商城老板今天说加一个半小时无操作就退出登录。

app.vue<template><div id="app" @click="isTimeOut"><router-view/></div>
</template><script>
import { login_out } from "@/api/lessApi";export default {name: 'App',data () {return {lastTime: null, // 最后一次点击的时间currentTime: null, // 当前点击的时间timeOut: 30 * 60 * 1000,// 设置超时时间:30分钟info :{},}},created () {this.lastTime = new Date().getTime()//this.info 不等于 null 就说明是登录状态this.info = JSON.parse(localStorage.getItem("loginInfo"));},methods: {isTimeOut () { this.currentTime = new Date().getTime() // 判断上次最后一次点击的时间和这次点击的时间间隔是否大于30分钟if (this.currentTime - this.lastTime > this.timeOut) { if (null != this.info) { // 是否是登录状态let params = { userPhone:this.info.memberPhone }login_out(params).then((res) => {if(res.code == 1){ //登录后本地存储，关闭页面也不会退出登录，关闭退出用sessionStorage，如果pc未登录打//两个页面，登录一个另一个刷新不会同步哦localStorage.removeItem('loginInfo')this.$message.error('登录过期请重新登录！')setTimeout(() => {this.$router.push('/login')//去登陆页}, 1000);}})} else {this.lastTime = new Date().getTime()}} else { // 如果在30分钟内点击，则把这次点击的时间覆盖掉之前存的最后一次点击的时间this.lastTime = new Date().getTime()}}}
}
</script>

小白CV专用！要不

vue页面无操作30分钟退出登录相关推荐

vue页面无操作10分钟内调转到登录页面
https://blog.csdn.net/lbPro0412/article/details/83864454 页面在设定时间内无任何操作(鼠标的点击.滑动.路由的切换.是否请求接口等),跳转到登录 ...
windows 远程登录无操作30分钟后自动退出登录_【计时优易学车远程教育学习流程】...
重要通知: 1.2020年11月21日之后报名的学员,目前不需要到驾校学习科目一(4小时)及科目四(2小时),可直接用优易学车app远程教育学习,请12月6日之前尽快将科目一及科目四学时学完,如后期有 ...
windows 远程登录无操作30分钟后自动退出登录_Mac电脑如何远程Windows10
使用Mac电脑的你如何远程控制Win10电脑呢?相信好多人都是一头雾水,不知如何下手.这里小编为大家带来了一款非常不错的微软远程连接软件Microsoft Remote Desktop for mac ...
vue 离开页面时间_vue 前端页面无操作时，系统退出登录的定时器设计
一.背景我们平时做系统为了保证用户操作数据的安全性,很多时候当用户长时间不再操作电脑的时候,应该给用户自动退出系统,这样可以防止有别人使用电脑操作上一个用户的数据. 二.设计想法监听鼠标移动以及键盘 ...
JS组件系列——又一款MVVM组件：Vue（一：30分钟搞定前端增删改查）
前言:关于Vue框架,好几个月之前就听说过,了解一项新技术之后,总是处于观望状态,一直在犹豫要不要系统学习下.正好最近有点空,就去官网了解了下,看上去还不错的一个组件,就抽空研究了下.最近园子里vue ...
如何设计登录接口，十分钟内连续登录5次失败，需要等待30分钟才能登录
正常业务里的实现不能这样搞,合适的方法是走缓存,比如使用redis,我当时就只有原生Java API能用,请大家把这个当成算法题来看待常言道:字数越短问题越大. 今天阿里的面试官小哥哥让我实现一 ...
linux 设置自动退出时间,linux配置超时不操作自动退出登录TMOUT
超时不操作自动退出登录系统为CentOS 7,一次无意操作在/etc/profile末尾增加了TMOUT=90,然后系统就总是一会没操作就自动退出登录,不仅ssh自动退出,在本地使用也自动退出,很麻 ...
VUE实现长时间未操作退出登录
背景:在现在大多系统中,为了保障用户的安全,都会有固定时间未操作则自动退出登录的功能,这里根据我目前了解的内容大致实现一个简单的. 我的想法是这样,通过对定时器setTimeOut的使用,来进行倒计时 ...
php到期自动过期,PHP实现页面长时间无操作，自动过期函数
PHP实现页面长时间无操作,自动过期函数发布于 2015-01-13 19:55:41 | 878 次阅读 | 评论: 0 | 来源: 网友投递 PHP开源脚本语言PHP(外文名: Hypertex ...
＜微信小程序＞登录界面实现密码输入错误3次，30分钟不允许该账号登录
当时面临如此需求,实在无从下手,后自己想了一个灵活的方法进行面对,特此记录,希望以后不会看不懂自己的代码登陆界面设置这个百度一下就可以,与数据库交互的登录界面很是简单,由于本项目要求不可注册,故只 ...

vue页面无操作30分钟退出登录

我一个pc商城的项目，商城老板今天说加一个半小时无操作就退出登录。

vue页面无操作30分钟退出登录相关推荐

最新文章

热门文章