nuxt-auth-refresh

KO | EN

gitlite — search

#javascript #typescript #go #machine-learning #rust #docker #macos #windows #cli #kubernetes #vue #mcp #openai #open-source

nuxt-auth-refresh

(★ 18)

An ad-hoc module to periodically refresh @nuxtjs/auth for the local scheme.

nuxt-auth-refresh 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

An ad-hoc module to periodically refresh @nuxtjs/auth for the local scheme.

## Setup
- Install the npm package
```bash
npm install @motia/nuxt-auth-refresh
# or 
yarn add @motia/nuxt-auth-refresh
```
- Register the module before @nuxtjs/auth and @nuxtjs/axios
```js
// nuxt.config.js
buildModules: [
    ['@motia/nuxt-auth-refresh', config.refreshAuth],
],
modules: [
    ['@nuxtjs/auth', config.auth],
    ['@nuxtjs/axios', config.axios],
]
```
The module will automatically start the refresh interval after logging in.

- Add a client side plugin to start the refresh interval for users authenticated from stored token.
```js
// ~/plugins/refresh-auth-token.js
export default ({app, store}) => {
    await (
        app.$auth.loggedIn ? app.$auth.fetchUserOnce().catch((e) => {}) : null
    )

if(app.$auth.user) {
        app.$authRefresh.initRefreshInterval()
    }
}

// nuxt.config.js
auth: {
    plugins: [
        { src: '~/plugins/refresh-auth-token', ssr: false }
    ]
}
```

- You can attach an error handler for the refresh attempts
```js
app.$authRefresh.onRefreshError((e) => {
    // handle the token refresh here
})
```

## Options

```js
{
  // the namespace for our vuex module
  vuexNamespace: 'refreshAuth',

// a key used to store the refresh token
  storageKey: 'my_refresh_token_key',

// the link for login
  loginUrl: '/auth/login',

// access token key in login success response and refresh request
  accessTokenKey: 'access_token',

// refresh token key in login success response and refresh request
  refreshTokenKey: 'refresh_token',
}
```

nuxt-auth-refresh

nuxt-auth-refresh 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

nuxt-auth-refresh

nuxt-auth-refresh 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README