{"id":26179449,"url":"https://github.com/bezkoder/vue-3-jwt-refresh-token","last_synced_at":"2025-10-08T03:53:34.600Z","repository":{"id":40435986,"uuid":"390596710","full_name":"bezkoder/vue-3-jwt-refresh-token","owner":"bezkoder","description":"Vue 3 JWT Refresh Token with Axios Interceptors, Vuex and Vue Router example","archived":false,"fork":false,"pushed_at":"2021-07-29T04:10:32.000Z","size":173,"stargazers_count":72,"open_issues_count":0,"forks_count":26,"subscribers_count":5,"default_branch":"master","last_synced_at":"2025-04-14T22:37:03.761Z","etag":null,"topics":["authentication","authorization","axios","axios-interceptor","jwt","jwt-auth","jwt-authentication","refresh-token","token-based-authentication","vue","vue3","vuejs","vuejs3","vuex","vuex4"],"latest_commit_sha":null,"homepage":"","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/bezkoder.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2021-07-29T04:10:03.000Z","updated_at":"2025-01-10T02:11:37.000Z","dependencies_parsed_at":"2022-09-02T11:41:12.238Z","dependency_job_id":null,"html_url":"https://github.com/bezkoder/vue-3-jwt-refresh-token","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/bezkoder/vue-3-jwt-refresh-token","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bezkoder%2Fvue-3-jwt-refresh-token","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bezkoder%2Fvue-3-jwt-refresh-token/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bezkoder%2Fvue-3-jwt-refresh-token/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bezkoder%2Fvue-3-jwt-refresh-token/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/bezkoder","download_url":"https://codeload.github.com/bezkoder/vue-3-jwt-refresh-token/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bezkoder%2Fvue-3-jwt-refresh-token/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":278886413,"owners_count":26062975,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-10-08T02:00:06.501Z","response_time":56,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["authentication","authorization","axios","axios-interceptor","jwt","jwt-auth","jwt-authentication","refresh-token","token-based-authentication","vue","vue3","vuejs","vuejs3","vuex","vuex4"],"created_at":"2025-03-11T21:49:57.698Z","updated_at":"2025-10-08T03:53:34.539Z","avatar_url":"https://github.com/bezkoder.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Vue 3 JWT Refresh Token with Axios example\n\n![vue-3-refresh-token-axios-jwt-example-flow](vue-3-refresh-token-axios-jwt-example-flow.png)\n\nFor instruction, please visit:\n\u003e [Vue 3 JWT Refresh Token with Axios example](https://bezkoder.com/vue-3-refresh-token/)\n\n\u003e [Vue 3 Authentication \u0026 Authorization with JWT, Vuex and Vue Router](https://bezkoder.com/vue-3-authentication-jwt/)\n\n## Note:\nOpen `src/services/setupInterceptors.js` and modify `config.headers` for appropriate back-end (found in the tutorial).\n\n```js\ninstance.interceptors.request.use(\n  (config) =\u003e {\n    const token = TokenService.getLocalAccessToken();\n    if (token) {\n      // config.headers[\"Authorization\"] = 'Bearer ' + token;  // for Spring Boot back-end\n      config.headers[\"x-access-token\"] = token; // for Node.js Express back-end\n    }\n    return config;\n  },\n  (error) =\u003e {\n    return Promise.reject(error);\n  }\n);\n```\n\nRelated Posts:\n\u003e [Vue 2 JWT Authentication with Vuex and Vue Router](https://bezkoder.com/jwt-vue-vuex-authentication/)\n\n\u003e [Using Typescript](https://bezkoder.com/vuex-typescript-jwt-auth/)\n\n\u003e [Vue 3 CRUD example with Axios and Vue Router](https://bezkoder.com/vue-3-crud/)\n\nFullstack with Spring Boot Back-end:\n\u003e [Spring Boot + Vue.js: Authentication with JWT \u0026 Spring Security Example](https://bezkoder.com/spring-boot-vue-js-authentication-jwt-spring-security/)\n\nFullstack with Node.js Express Back-end:\n\u003e [Node.js Express + Vue.js: JWT Authentication \u0026 Authorization example](https://bezkoder.com/node-express-vue-jwt-auth/)\n\nFullstack CRUD:\n\u003e [Vue.js + Node.js + Express + MySQL example](https://bezkoder.com/vue-js-node-js-express-mysql-crud-example/)\n\n\u003e [Vue.js + Node.js + Express + PostgreSQL example](https://bezkoder.com/vue-node-express-postgresql/)\n\n\u003e [Vue.js + Node.js + Express + MongoDB example](https://bezkoder.com/vue-node-express-mongodb-mevn-crud/)\n\n\u003e [Vue.js + Spring Boot + MySQL/PostgreSQL example](https://bezkoder.com/spring-boot-vue-js-crud-example/)\n\n\u003e [Vue.js + Spring Boot + MongoDB example](https://bezkoder.com/spring-boot-vue-mongodb/)\n\n\u003e [Vue.js + Django example](https://bezkoder.com/django-vue-js-rest-framework/)\n\nIntegration (run on same server/port):\n\u003e [Integrate Vue.js with Spring Boot](https://bezkoder.com/integrate-vue-spring-boot/)\n\n\u003e [Integrate Vue App with Node.js Express](https://bezkoder.com/serve-vue-app-express/)\n\n\n## Project setup\n```\nnpm install\n```\n\n### Compiles and hot-reloads for development\n```\nnpm run serve\n```\n\n### Compiles and minifies for production\n```\nnpm run build\n```\n\n### Lints and fixes files\n```\nnpm run lint\n```\n\n### Customize configuration\nSee [Configuration Reference](https://cli.vuejs.org/config/).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbezkoder%2Fvue-3-jwt-refresh-token","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbezkoder%2Fvue-3-jwt-refresh-token","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbezkoder%2Fvue-3-jwt-refresh-token/lists"}