Nuxt Auth模块-如何创建成功重定向

时间:2020-10-03 19:18:26

标签: vue.js authentication nuxt.js auth0

我正在尝试在我的nuxt应用程序中访问页面,该页面上的用户处于动态路线上。在这条路线上,他可以登录,然后应将其重定向到完全相同的路线。对于身份验证,我想使用auth0策略。

我认为以下行会起作用:

this.$auth.loginWith('auth0')                 
  .then(() => {                               
    this.$router.push("/the-same-route-im-already-on");  
  })  

但是很显然,我仅被重定向到我的本地路由“ / loggedin”。并将我的nuxt.config中的主目录重定向更改为false,将我重定向到我的回调路由“ / login”

现在我的nuxt.config.js看起来像这样:

auth: {  
    auth0: {
     ...
    },
    redirect: {
      login: '/',
      logout: '/',
      callback: '/login',
      home: '/loggedin',
    }
}

1 个答案:

答案 0 :(得分:0)

我认为nuxt身份验证模块中rewriteRedirect的默认行为应将您重定向到原始受保护的路由。

rewriteRedirect

如果这不起作用,则可以通过类似这样的查询来手动将用户重定向到登录路由

this.$router.push({ path: '/login', redirect: 'actualRoute' });

然后在登录页面中检查是否设置了重定向,然后在登录后调用$ router传递重定向值。

我不知道这是否对您有帮助,所以请告诉我。