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

Question

我正在尝试访问我的 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',
    }
}

Answer 1

我认为 nuxt Auth 模块中 rewriteRedirect 的默认行为应该将您重定向到原始的 protected 路由。

rewriteRedirect

如果这不起作用，也许您可​​以将用户重定向到登录路由，手动传递这样的查询

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

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

我不知道这是否对你有帮助，所以让我知道。