javascript - Facebook login status lost after refresh

Question

I have a fairly simple Facebook signup button:

<a href="https://www.facebook.com/v8.0/dialog/oauth?client_id=***&redirect_uri=http://localhost:3000/account/aanmelden">Facebook</a>

When Facebook redirects the user I post a object containing the Facebook auth code to my back-end to retrieve the user object:

const urlParams = queryString.parse(window.location.search)
if (JSON.stringify(urlParams) !== '{}') {
  const url = 'http://***.**.**/api/v0/auth/social'
  this.$axios.post(url, {
    data: this.getData(urlParams.code)
  }).then((response) => {
    this.$auth.setUser(response.data.data)
  }, (error) => {
    console.log(error)
  })
}

Now I get redirected to my index page, $auth.loggedIn is true since it has a user and I get the correct user object as well.

But when I refresh the page nuxt auth has lost the log in status. I'm pretty sure I need to add "something" to my local storage to keep nuxt auth logged in, but I'm not sure on what it is, and how to do it:

question from:https://stackoverflow.com/questions/65946906/facebook-login-status-lost-after-refresh

Answer 1

Waitting for answers