Skip to content

bezkoder/vue-3-jwt-refresh-token

Repository files navigation

Vue 3 JWT Refresh Token with Axios example

vue-3-refresh-token-axios-jwt-example-flow

For instruction, please visit:

Vue 3 JWT Refresh Token with Axios example

Vue 3 Authentication & Authorization with JWT, Vuex and Vue Router

Note:

Open src/services/setupInterceptors.js and modify config.headers for appropriate back-end (found in the tutorial).

instance.interceptors.request.use(
  (config) => {
    const token = TokenService.getLocalAccessToken();
    if (token) {
      // config.headers["Authorization"] = 'Bearer ' + token;  // for Spring Boot back-end
      config.headers["x-access-token"] = token; // for Node.js Express back-end
    }
    return config;
  },
  (error) => {
    return Promise.reject(error);
  }
);

Related Posts:

Vue 2 JWT Authentication with Vuex and Vue Router

Using Typescript

Vue 3 CRUD example with Axios and Vue Router

Fullstack with Spring Boot Back-end:

Spring Boot + Vue.js: Authentication with JWT & Spring Security Example

Fullstack with Node.js Express Back-end:

Node.js Express + Vue.js: JWT Authentication & Authorization example

Fullstack CRUD:

Vue.js + Node.js + Express + MySQL example

Vue.js + Node.js + Express + PostgreSQL example

Vue.js + Node.js + Express + MongoDB example

Vue.js + Spring Boot + MySQL/PostgreSQL example

Vue.js + Spring Boot + MongoDB example

Vue.js + Django example

Integration (run on same server/port):

Integrate Vue.js with Spring Boot

Integrate Vue App with Node.js Express

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.

Releases

No releases published

Packages

No packages published