Vue如何实现界面长时间无操作自动退出登录功能？
- 内容介绍
- 文章标签
- 相关推荐
本文共计356个文字，预计阅读时间需要2分钟。
javascript// 创建一个.js文件，内容如下：
document.addEventListener('DOMContentLoaded', function() { setTimeout(function() { if (sessionStorage.getItem('timeout')) { window.location.href='/login'; // 将'/login'替换为实际的登录页面URL } }, 30 * 60 * 1000); // 30分钟后执行，单位为毫秒
// 监听请求接口的回调，如果需要执行退出操作，可以在这里添加代码 function handleResponse() { // 检测是否需要执行半分钟后跳转 if (/* 条件判断 */) { sessionStorage.setItem('timeout', 'true'); } }});
需求说明，后台有做半个小时不请求接口的话返回标识退出登录，但是要请求接口才行，现在要实现前端用js判断半个小时不操作界面的话自动跳转到登录页面。
本文共计356个文字，预计阅读时间需要2分钟。
javascript// 创建一个.js文件，内容如下：
document.addEventListener('DOMContentLoaded', function() { setTimeout(function() { if (sessionStorage.getItem('timeout')) { window.location.href='/login'; // 将'/login'替换为实际的登录页面URL } }, 30 * 60 * 1000); // 30分钟后执行，单位为毫秒
// 监听请求接口的回调，如果需要执行退出操作，可以在这里添加代码 function handleResponse() { // 检测是否需要执行半分钟后跳转 if (/* 条件判断 */) { sessionStorage.setItem('timeout', 'true'); } }});
需求说明，后台有做半个小时不请求接口的话返回标识退出登录，但是要请求接口才行，现在要实现前端用js判断半个小时不操作界面的话自动跳转到登录页面。