Tuve un problema con axios y la solicitud GET al usar el token Bearer. Aquí está mi código:
const response = await axios.post("/auth/login", { ...form }); const token = response["token"]; if (token) { localStorage.setItem("session", token); console.log(token); //a234o2i3nr203fn20jef0293... const tokenHeader = { authorization: `Bearer ${token}` } const projects = await axios.get('/projects', { headers: { "authorization": `Bearer ${token}`}}); console.log(projects); //UNAUTHORIZED }
Después de iniciar sesión en la cuenta, quiero obtener datos sobre los proyectos de inmediato, así que uso axios e intento usar axios.get
con el encabezado de autorización. Pero, por razones desconocidas para mí, la solicitud de parte de mi servidor se entregó pero sin una cadena de Bearer
antes de mi token
, mi servidor tenía esto en esta solicitud:
headers: { authorization: "a234o2i3nr203fn20jef0293..." //axios remove `Bearer` string? }
debido a esto, no puedo devolver ningún valor porque mi servidor me devuelve sin autorización porque esto:
const token = authHeaders && authHeaders.split(" ")[1];
devuélveme nulo en lugar de token.
¿Alguien puede decirme qué está mal con esta solicitud de axios?
¡Gracias por cualquier ayuda!
Intente escribir "Autorización" y no "autorización". He tenido este tipo de problemas antes.
const projects = await axios.get('/projects', { headers: { "Authorization": `Bearer ${token}`}});