如何使用 vue-auth 自动重定向到登录

如何解决如何使用 vue-auth 自动重定向到登录

我在我的 Vue.js 前端使用 vue-auth plugin 处理用户身份验证。 在路由中（使用 vue-router），插件允许您将元数据传递给路由，表示用户是否需要进行身份验证或不访问该路由（及其子路由），如下所示：

routes: [
    {
      path: "/painel",Meta: { auth: true },component: () => import("@/view/pages/Painel.vue")
    },{
      path: "/login",Meta: { auth: false },component: () => import("@/view/pages/auth/Login")
    }
]

而且效果很好，在此示例中，如果用户未通过身份验证，则页面会为 Painel 视图抛出 401 错误并重定向到登录。

我想要的是在会话过期时能够自动将用户重定向到登录页面。现在，如果我刷新页面，它只会将用户重定向到登录页面，否则用户仍然可以四处游荡，虽然从 API 中收到一堆 401 错误），但仍然可以在我的 SPA 应用程序中导航。 有人知道怎么做吗？