# Refresh token issue with auth0/auth0-vue: Auth0 authentication SDK

**URL:** <https://community.auth0.com/t/refresh-token-issue-with-auth0-auth0-vue-auth0-authentication-sdk/193486>\
**Category:** Get Help\
**Tags:** login-prompt-new-experience, login-experience\
**Created:** [October 22, 2025, 6:30am UTC](https://community.auth0.com/t/refresh-token-issue-with-auth0-auth0-vue-auth0-authentication-sdk/193486 "2025-10-22T06:30:43Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![danyal.db](https://sea1.discourse-cdn.com/auth0/user_avatar/community.auth0.com/danyal.db/32/71029_2.png) [@danyal.db](https://community.auth0.com/u/danyal.db)\
**Post date:** [October 22, 2025, 6:30am UTC](https://community.auth0.com/t/refresh-token-issue-with-auth0-auth0-vue-auth0-authentication-sdk/193486/1 "2025-10-22T06:30:43Z")

</div>

Hello Guys

We are running a Vuejs3+CompositionAPI SPA App and vue-auth0 [GitHub - auth0/auth0-vue: Auth0 authentication SDK for Vue.js apps](https://github.com/auth0/auth0-vue) is used for authentication.

Token configurations are as followings  
`“jwt_configuration”: {`  
`“alg”: “RS256”,`  
`“lifetime_in_seconds”: 3600,`  
`“secret_encoded”: false`  
`}`

`“refresh_token”: {`  
`“rotation_type”: “non-rotating”,`  
`“expiration_type”: “expiring”,`  
`“leeway”: 0,`  
`“token_lifetime”: 2592000,`  
`“infinite_token_lifetime”: false,`  
`“idle_token_lifetime”: 2590000,`  
`“infinite_idle_token_lifetime”: false`  
`},`

Client creation:

```javascript
app.use(
 createAuth0({
   domain: process.env.VUE_APP_AUTH0_DOMAIN,
   clientId: process.env.VUE_APP_AUTH0_CLIENT_ID,
   clientSecret: process.env.VUE_APP_AUTH0_CLIENT_SECRET,
   authorizationParams: {
     organization: process.env.VUE_APP_AUTH0_ORG_ID,
     redirect_uri: process.env.VUE_APP_AUTH0_CALLBACK_URL,
     audience: process.env.VUE_APP_AUTH0_AUDIENCE,
     scope: process.env.VUE_APP_AUTH0_SCOPE,
   },
   cacheLocation: 'localstorage',
   useRefreshTokens: true, // Enables refresh tokens for silent authentication
  }),
)

```

Expect flow where our user experiencing the following problem.

- user logs in and get access\_token that is valid for 1 hour, and refresh\_token that is valid for 30 days and should be able to use multiple time during 30 days of validity.
- After 30 days user will be asked for relogin
- Problem
- user is keep getting logout, seems like that token refresh is not in place properly, we are using getAccessTokenSilently as you can see in following example.

In App.vue

Do you see any potential miss configuration that could lead to the issue we are facing?

Your help will be appreciated, I have tried different refresh\_token configuration, but sill have a same problem.

- 

```javascript
 watchEffect(async () => {
      if (!isLoading.value && isAuthenticated.value) {
        loading.value = true
        try {
          const accessToken = await getAccessTokenSilently()
          if (accessToken) {
            // Axios interceptor for Authorization header
            axios.interceptors.request.use(async (config) => {
              try {
                const oldToken = localStorage.getItem(
                  process.env.VUE_APP_ACCESS_TOKEN_KEY_NAME,
                )
                const token = await getAccessTokenSilently()
                if (token) {
                  localStorage.setItem(
                    process.env.VUE_APP_ACCESS_TOKEN_KEY_NAME,
                    token,
                  )
                  config.headers = config.headers || {}
                  if (
                    !config.headers['Content-Type'] == 'multipart/form-data'
                  ) {
                    config.headers['Content-Type'] = 'application/json'
                  }

                  config.headers.Authorization = `Bearer ${token}`
                  if (oldToken !== token) {
                    console.log('Access token changed, refetching profile')
                    store.dispatch('auth/fetchAuth0Profile', {
                      noInterceptor: true,
                      config,
                    })
                  }
                }
              } catch (e) {
                // Optionally handle error
                console.error('Auth0: Failed to get access token for axios:', e)
                loading.value = false
              }
              return config
            })
          }
        } catch (e) {
          loading.value = false
          console.error('Failed to get access token:', e)
        }
      }
    })

```

---

<div class="post-metadata">

**Author:** ![nik.baleca](https://sea1.discourse-cdn.com/auth0/user_avatar/community.auth0.com/nik.baleca/32/68749_2.png) [@nik.baleca](https://community.auth0.com/u/nik.baleca)\
**Post date:** [October 24, 2025, 4:10pm UTC](https://community.auth0.com/t/refresh-token-issue-with-auth0-auth0-vue-auth0-authentication-sdk/193486/3 "2025-10-24T16:10:38Z")

</div>

Hi @danyal.db

Could you please let me know if you pass in the `offline_access` scope when initialize the client in your application?

Also, did you enable the option to Allow Offline Access for your API in the Auth0 Dashboard from **Applications → APIs → Your API → Allow offline access**?

I would also recommend checking[this developer guide](http://developer.auth0.com/resources/guides/spa/vue/basic-authentication#quick-vue-js-setup) regarding Auth0 Vue using the Composition API.

If you still have issues with refresh tokens, let me know!

Kind Regards,  
Nik

---

<div class="post-metadata">

**Author:** ![system](https://global.discourse-cdn.com/auth0/original/3X/b/5/b560f266932fcce5d57f09a6595bd50518cae3f3.jpeg) [@system](https://community.auth0.com/u/system)\
**Post date:** [November 7, 2025, 4:11pm UTC](https://community.auth0.com/t/refresh-token-issue-with-auth0-auth0-vue-auth0-authentication-sdk/193486/4 "2025-11-07T16:11:14Z")

</div>

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.