Nuxt Static Site Auth

[MrRossBennett]

Hey all

We're deploying our Nuxt app via Netlify (so as a static site with the npm run generate command. There is no server).

We're using an auth service that stores a token in localstorage when a user is authenticated. We're then accessing that token using a Vuex store. Once the app is loaded we are then able to use Nuxt's middleware to protect certain routes from non-authenticated users etc.

But when the page is refreshed obviously the store is empty. So we're trying to re-verify the user on page load by dispatching an action. We've tried to do this via the fetch method in a page component and via a plugin, but both seem to fire too late and our isAuthenticated getter is returning false even for already-signed-in users.

Middleware doesn't seem an option as it's not fired on client refresh and obviously nuxtServerInit is out of the question as we, er, don't have a server.

What are our best options for page refresh on a static site?

Thanks

_{This question is available on Nuxt.js community (#c2618)}

[husayt]

See nuxt auth module and also this example for best patterns

[MrRossBennett]

Thanks, let me clarify our issue.

When you are running a Nuxt static site (so no server is present), middleware does not run on page load.

Is there anything we can do about this?

[davidroyer]

You need to use the plugins directory. Nuxt will run this code prior to rendering completely on the client.

Do what you need for auth and then commit to your store.

Here’s my file using firebase and a repo of doing this

https://github.com/davidroyer/nuxt-firebase-auth/blob/master/plugins/fireauth.js

[xie-zhichao]

@davidroyer I tried to use plugins to do authCheck, it caused other problem:

app.40ac7a2b1c36aa24d832.js:1 [nuxt] Error while initializing app DOMException: Failed to execute 'appendChild' on 'Node': This node type does not support this method.

[galvez]

This seems like a specialized request for assistance, please check out the channels over at Discord for help. Closing as there's been no updates over 90 days.

[lock]

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.