Creé la instancia de axios y almacené el token en el almacenamiento local en el momento del inicio de sesión, pero por alguna razón, el token no se carga en el almacenamiento local cada vez que la API llama y recibe un error del backend. Pero luego, si vuelvo a cargar manualmente la página, la API recibe una llamada y ahora la instancia obtiene el token y los datos se cargan y funcionan bien. Como resolverlo ????? Aquí está el código:
export const instancia2 = axios.create({
baseURL: 'http://127.0.0.1:8000', headers: { Authorization: `Bearer ${localStorage.getItem('token')}` }});
Estoy usando esta instancia2 en cada página pero no funciona en el primer intento.
es porque instancia2 no es una función y no se activa cada llamada a la API. Deberías convertir eso en función.
Ejemplo:
export const instance2 = () => { return axios.create({ baseURL: 'http://127.0.0.1:8000', headers: { Authorization: `Bearer ${localStorage.getItem('token')}` } }); }Ejemplo de uso:
instance2().get('url')