Nuxt（Vue），登录后解析路由，在动态生成的路由上添加beforeGuard

Question

As you know Nuxt automatically generates VueRouter with given pages. What I want to achieve is to add a custom auth guard. So basically before rendering a route i check whether user is authenticated and if yes show the page, if not show login page and resolve the path after login.

So the docs point to middleware as a way to handle such cases. In my case my auth.js in middleware folder:

export default function (ctx) {
    const { store, redirect } = ctx
    if (!store.state.currentUser) {
        return redirect('/signin')
    }
}

That works fine for redirecting to the login/signup page. The problem is that i don't have a way to resolve original path after user signs in.

Something like:

onUserLoggedIn(){
    this.$router.next()
}

in ths SignIn.vue component

Do you have an idea how to solve this

Alternatively is there a way to set beforeGuard on dynamic routes generated by Nuxt?

Answer 1

Have you allready tried router.go(n)

Taken from the Docs :

This method takes a single integer as parameter that indicates by how many steps to go forwards or go backwards in the history stack, similar to window.history.go(n).

The other method would be to store the path before redirect and reuse it later.