一段时间后自动重定向非活动用户 Nuxt JS

【问题标题】：Automatically redirect inactive user after a period of time Nuxt JS一段时间后自动重定向非活动用户 Nuxt JS
【发布时间】：2023-02-08 18:04:05
【问题描述】：

我正在做一个NuxtJS项目，我想在一段时间（1000万）后自动将非活动用户重定向到应用程序的主页，如果用户已经在主页上，页面将自动刷新。

知道我已经有一个中间件可以在访问令牌过期时将用户重定向到登录页面。

【问题讨论】：

标签： javascript node.js web frontend nuxt.js

【解决方案1】：

您可以在 Nuxt 中创建一个自定义中间件来侦听用户活动，如果它检测到不活动，它将把用户重定向到主页或刷新页面（如果他们已经在主页上）。以下是代码的示例：

// in your middleware folder
export default function({ route, redirect }) {
  let timeout;

  const resetTimeout = () => {
    clearTimeout(timeout);
    timeout = setTimeout(() => {
      if (route.path === '/') {
        location.reload();
      } else {
        redirect('/');
      }
    }, 600000); // 10 minutes
  };

  document.addEventListener('click', resetTimeout);
  document.addEventListener('mousemove', resetTimeout);
  document.addEventListener('keypress', resetTimeout);
  resetTimeout();
}

【讨论】：