Nuxt.js: guard pages with vuex authenticated user

[dohomi]

Hello,
I'm currently searching how to guard pages within nuxt. I have a vuex in place and after authentication I store the user in $store.state.authUser.
Is there a best practice how to wait if authUser state is set?
Thanks!

_{This feature request is available on Nuxt.js community (#c82)}

[Atinux]

Hi @dohomi

The middleware (upcoming feature) will let you create rules for rendering specific pages with Nuxt.js, the authenticated pages is a perfect example of using the middleware.

[dohomi]

Great news! Any ETA for that release? Cheers

[Atinux]

Actually not any ETA but as soon as possible, you can follow our progress here: https://github.com/nuxt/nuxt.js/projects/1

[jvandenaardweg]

What about this? https://nuxtjs.org/examples/auth-routes/

[Atinux]

The middleware feature is out with the 0.9.8 release.

[dohomi]

Hi @Atinux great news. Could you add a complete example how to make this work? I was reading the docs but still not sure how to persist the authenticated user on server and client side through a server/client session that on page reload the user still logged in.

Thanks for this great tool!

[lock[bot]]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.