inactive-redirect v1.0.0

InactiveRedirect

InactiveRedirect 是一个简单的JavaScript库，用于在用户长时间不活动时将其重定向到登录页面。它适用于Vue 2和Vue 3项目。

安装

使用npm安装此包：

npm install inactive-redirect

Vue2-App.vue

<script>
import { startRedirectTimer, stopRedirectTimer, resetRedirectTimer } from 'inactive-redirect';

export default {
  created() {
    startRedirectTimer(900000, '/login', () => {
      // 重定向前需要执行的操作
    });

    this.$router.beforeEach(() => {
      resetRedirectTimer(900000, '/login', () => {
        // 重定向前需要执行的操作
      });
    });
  },
  destroyed() {
    stopRedirectTimer();
  },
};
</script>

Vue3-App.vue

<script>
import { onMounted, onUnmounted } from 'vue';
import { useRouter } from 'vue-router';
import { startRedirectTimer, stopRedirectTimer, resetRedirectTimer } from 'your-package-name';

export default {
  setup() {
    const router = useRouter();
    onMounted(() => {
      startRedirectTimer(900000, '/login', () => {
        // 重定向前的操作
      });

      router.beforeEach(() => {
        resetRedirectTimer(900000, '/login', () => {
          // 重定向前的操作
        });
      });
    });

    onUnmounted(() => {
      stopRedirectTimer();
    });
  },
};
</script>