Login page keeps loading

[zenire]

Version

module: 5.0.0-1617968180.f699074
nuxt: 2.14.12

Nuxt configuration

• universal
• spa

Nuxt configuration

  auth: {
    plugins: ['~/plugins/auth'],
    strategies: {
      local: {
        scheme: 'refresh',
        token: {
          property: 'access_token',
          maxAge: 86400,
          name: 'Authorization',
          type: 'Bearer',
        },
        refreshToken: {
          property: 'refresh_token',
          data: 'refresh_token',
          maxAge: 432000,
          required: true,
        },
        user: {
          property: 'data',
          autoFetch: false,
        },
        endpoints: {
          login: {
            url: 'login',
            method: 'post',
          },
          user: {
            url: 'user',
            method: 'get',
          },
          logout: { url: 'logout', method: 'post' },
          refresh: { url: 'refresh', method: 'post' },
        },
        grantType: 'password',
        autoLogout: false
      },
    },
  },

auth.js plugin:

export default function ({ $axios, $auth }) {
  $axios.onError(async (error) => {
    const config = error.config
    // Don't intercept retry request
    // Only intercept requests with status 401
    // Don't intercept refresh token requests
    // And check if user is logged in and tokens are available
    if (
      config.__isRetryRequest ||
      (error.response !== undefined && error.response.status !== 401) ||
      config.url === $auth.strategy.options.endpoints.refresh.url ||
      !$auth.check()
    ) {
      return Promise.reject(error)
    }

    // Refresh tokens before retrying current request
    await $auth.refreshTokens().catch((error) => {
      // Tokens couldn't be refreshed. Force reset.
      $auth.reset()
      throw error
    })

    // Set `isRetryRequest` flag to true
    config.__isRetryRequest = true

    // Update Authorization header
    config.headers[$auth.strategy.options.token.name] = $auth.token.get()

    // Retry original request
    return $axios.request(config)
  })
}

Reproduction

1. Go to the login page and login
2. Everything works fine, everything loading quickly. Getting logged in
3. Close browser and open again.
4. Go to the login page
5. Now I have to wait around 30 seconds before page loads
6. Login again.

What is expected?

Smooth login everytime I go to the login page

What is actually happening?

When I logged in and visit the login page again in a new session/browser, it takes forever (30 seconds) before the page loads. When I clear my cookies + local storage and refresh, the page loads immediately.

Steps to reproduce

1. Go to the login page and login
2. Re-open browser and go to the login page -> Takes a long time to load the login page itself
3. Clear cookies + local storage & refresh
4. Go to the login page -> Page loads immediately

Additional information

I have noticed that the request to the login page does not include any cookies or headers regarding to authorization. When it takes a long time to load the page itself, I noticed the request included the cookies (auth._refresh_token.local, ..., ...). When I clear my cookies it works again. The next request (after it works again and logging in) includes the authorization headers but not the cookies.

The Nuxt login page uses the auth guest option.

Checklist

• I have tested with the latest Nuxt version and the issue still occurs
• I have tested with the latest module version and the issue still occurs
• I have searched the issue tracker and this issue hasn't been reported yet