Tengo un problema con el middleware de pasaporte, cuando estoy autenticando a un usuario, no redirige. No tengo idea de qué está mal.
Aquí está el código y todo el proyecto en GitHub:
const express = require("express"); const router = express.Router(); const passport = require("passport"); const genPassword = require("../passwordUtils").genPassword; const connection = require("../database"); const User = connection.models.User; // const logRegController = require("../controllers/log-reg-controller"); router.post( "/login", passport.authenticate("local", { successRedirect: "/", failureRedirect: "/register", }) ); router.post("/register", async (req, res) => { const existingUser = await User.findOne({ username: req.body.username }); if (existingUser) return res.json({ message: "User already exists" }); const saltHash = genPassword(req.body.password); const { salt, hash } = saltHash; const newUser = new User({ username: req.body.username, hash: hash, salt: salt, }); newUser.save().then((user) => console.log(user)); res.status(201).json({ message: "All good" }); }); module.exports = router;Estimada comunidad de StackOverflow, esta fue una batalla desafiante, pero vengo de ella con una respuesta.
El problema era que estaba enviando una solicitud de publicación utilizando javascript fetch(), que es una interfaz para realizar solicitudes de AJAX. Y está diseñado específicamente para no cambiar su URL. Mi solución es enviar la URL que quiero redirigir a través de res.json() con estado 302 y redirigir usando la interfaz. Espero que ayude a alguien. Adjunto el código a continuación.
BACKEND
router.post("/login", function (req, res, next) { passport.authenticate("local", function (err, user, info) { if (err) { return next(err); } if (!user) { return res.status(302).json({ redirectUrl: "/register" }); } req.logIn(user, function (err) { if (err) { return next(err); } //If Successful return res.status(302).json({ redirectUrl: "/" }); }); })(req, res, next); });INTERFAZ
const login = async function (e) { e.preventDefault(); const username = loginForm.querySelector("#email").value; const password = loginForm.querySelector("#password").value; const response = await fetch("/login", { method: "POST", headers: { "Content-Type": "application/json", }, body: JSON.stringify({ username, password, }), }); const result = response.json(); const data = await result; const { redirectUrl } = data; window.location.href = redirectUrl; };Puede probarlo con una función de devolución de llamada que redirige, puede hacerlo así de acuerdo con Docs
router.post('/login', function(req, res, next) { passport.authenticate('local', function(err, user, info) { if (err) { return next(err); } if (!user) { return res.redirect('/register'); } req.logIn(user, function(err) { if (err) { return next(err); } //If Successful return res.redirect('/'); }); })(req, res, next); });