Implementé el módulo de autenticación Nuxt en mi proyecto. Ahora tengo 2 tokens, token de acceso (30 minutos de edad máxima) y token de actualización (8 horas de edad máxima).

Lo que quiero lograr es actualizar el token de acceso cada 30 minutos usando el token de actualización. Después de 8 horas, la persona debe cerrar sesión ya que el token de actualización caducó.

Pero actualmente, la persona está siendo redirigida a la página de inicio de sesión después de que caduque el token de acceso. A veces, actualizará el token de acceso (solo si el usuario está participando en la aplicación, si el usuario está inactivo, está redirigiendo a la página de inicio de sesión).

Estoy usando el paquete "@nuxtjs/auth-next": "5.0.0-1648802546.c9880dc"

A continuación se muestra el nuxt.config.js

 auth: { redirect: { login: "/", logout: "/", callback: "/dashboard", home: "/dashboard", }, strategies: { local: { scheme: "refresh", token: { property: "tokens.access.token", global: true, type: "Bearer", maxAge: 60 * 30, // 30 minutes }, refreshToken: { property: "tokens.refresh.token", data: "refreshToken", maxAge: 60 * 60 * 8 // 8 Hours }, user: { property: "user", autoFetch: false, }, endpoints: { login: { url: "/users/login", method: "post" }, refresh: { url: "/users/refresh-tokens", method: "post" }, user: false, logout: "", }, autoLogout: true, tokenRequired: true, tokenType: 'JWT', }, }, plugins: [{ src: "~/plugins/axios.js", ssr: true }], }

A continuación se muestra mi archivo /plugins/axios.js

 export default function ({ store, app: { $axios }, route, redirect }) { // the two interceptors here will run in every $axios requests // On Request for this purpose is used to add the Bearer token on every request $axios.onRequest((config) => { let accessToken = store.state.token; if (accessToken && config.url !== "/users/login") { config.headers.Authorization = "Bearer " + accessToken; } return config; }); // On Error, when there is no Bearer token or token expired it will trigger logout $axios.onError(async (error) => { // Error status code const statusCode = error.response ? error.response.status : -1; if (route.path !== "/" && statusCode === 401) { return redirect("/"); } // return Promise.reject(error); }); }