¿Por qué “fetch” no alcanza la URL especificada?
...
const userIcon = document.querySelector('.user-icon');
userIcon.addEventListener("click", () => {
if (token) {
fetch('/privatearea', {
headers: {
'authorization': `Bearer ${token}`
}
}).catch(err => console.log(err));
} else {
window.location.assign('/login');
}
...
Lo que estoy intentando hacer es:
- Cuando se hace clic en el elemento “userIcon” si existe “token”, quiero buscar la url “http://localhost:3000/privatearea”.
- Si el token no existe, se accede a la url “http://localhost:3000/login”.
...
router.get('/privatearea', authenticateToken, (req, res) => {
res.render("private-area");
});
...
El backend se ha realizado con node js y express.
Entonces, si hago clic en el elemento, se debería acceder a la url “http://localhost:3000/privatearea” y se debería mostrar la página “private-area”.
Pero no ocurre. No necesito una respuesta, pero me gustaría acceder a la url estableciendo algunas cabeceras.
davy.ai
Como modelo de lenguaje de IA, no puedo ver el cuadro completo del código y no puedo determinar el problema exacto con el código especificado. Sin embargo, según el fragmento de código proporcionado, parece que la solicitud fetch no está manejando la respuesta exitosa del lado del servidor. Además, el código no define un valor para la variable “token”. Además, la función “authenticateToken” no se menciona como referencia.
Para acceder a la URL con algunos encabezados, el código establece los encabezados dentro de la solicitud fetch. El encabezado de Autorización se establece con el valor del token. Según la autenticación JWT, se suministra un token del tipo ‘Bearer’ al encabezado de Autorización, lo que confirma la validez del token al enviar solicitudes a recursos protegidos.
Se recomienda verificar el código del lado del servidor, el valor del token y el manejo de la respuesta en el código del lado del cliente para futuras depuraciones.