https://github.com/hunghg255/reactjs-handle-refresh-token

Handle refresh token with fetch, axios, umi-request, apollo-client, brainless-token-manager
https://github.com/hunghg255/reactjs-handle-refresh-token

apollo apollo-client axios brainless-token-manager fetch graphql interceptors javascript nextjs react reactjs refresh-token solidjs svelte tokenmanager typescript umi-request vue

Last synced: 30 days ago
JSON representation

Handle refresh token with fetch, axios, umi-request, apollo-client, brainless-token-manager

• Host: GitHub
• URL: https://github.com/hunghg255/reactjs-handle-refresh-token
• Owner: hunghg255
• Created: 2023-02-12T07:25:05.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2024-11-08T07:58:56.000Z (about 1 month ago)
• Last Synced: 2024-11-08T08:37:30.526Z (about 1 month ago)
• Topics: apollo, apollo-client, axios, brainless-token-manager, fetch, graphql, interceptors, javascript, nextjs, react, reactjs, refresh-token, solidjs, svelte, tokenmanager, typescript, umi-request, vue
• Language: TypeScript
• Homepage: https://reactjs-handle-refresh-token.vercel.app
• Size: 930 KB
• Stars: 23
• Watchers: 1
• Forks: 3
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Handle refresh token with `axios`, `umi-request` using interceptors, `apollo-client`, `token-management`, `brainless-token-manager`

### 1. Axios interceptors, Apollo-client

  - After all requests failed, we will call a request to take a new access token after that retry all requests which failed

![alt text](./public/axios-umi-request-y-interceptors.png)

### 2. `brainless-token-manager`

  - Check access token expire if token expire will call a request to take a new access token after that call requests

[brainless-token-manager](https://www.npmjs.com/package/brainless-token-manager)

![alt text](./public/token-management.png)