Vue 3 JWT Refresh Token with Axios example

Vue 3 JWT Refresh Token with Axios Interceptors, Vuex and Vue Router example


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

  (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);

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