Express+Passport登录接口返回用户对象而非跳转首页问题

你的问题核心是PassportJS登录成功后未触发页面跳转，反而直接返回用户对象，大概率是以下几个原因导致，对应解决方法如下：

1. 登录路由未配置正确的跳转规则 #

检查你的login.js路由中passport.authenticate的配置：

• 如果使用默认配置，必须明确指定successRedirect参数，示例：

  router.post('/login', passport.authenticate('local', {
    successRedirect: '/', // 登录成功后跳首页
    failureRedirect: '/login', // 失败返回登录页
    failureFlash: true // 可选：启用错误提示
  }));
  

• 如果使用自定义回调函数，确保登录成功后执行res.redirect('/')而非res.send(user)，错误示例是直接返回用户对象：

  // 错误写法
  router.post('/login', (req, res, next) => {
    passport.authenticate('local', (err, user) => {
      if (user) res.send(user); // 这里直接返回了用户，没有跳转
    })(req, res, next);
  });
  
  // 正确写法
  router.post('/login', (req, res, next) => {
    passport.authenticate('local', (err, user, info) => {
      if (err) return next(err);
      if (!user) return res.redirect('/login');
      req.logIn(user, (err) => {
        if (err) return next(err);
        res.redirect('/'); // 执行跳转
      });
    })(req, res, next);
  });
  

2. 前端使用AJAX请求而非表单提交 #

如果前端是通过fetch、axios或原生AJAX发送登录请求，浏览器不会自动处理后端的redirect响应，因为AJAX请求的响应会被JS捕获，而非触发页面跳转。这种情况有两种解决方式：

• 改用原生HTML表单提交，确保表单没有被JS阻止默认提交行为：

  <form action="/login" method="POST">
    <input type="text" name="username">
    <input type="password" name="password">
    <button type="submit">登录</button>
  </form>
  

• 前端收到用户对象响应后，手动触发页面跳转：

  axios.post('/login', {username, password})
    .then(res => {
      if (res.data.user) {
        window.location.href = '/'; // 手动跳首页
      }
    });
  

3. 检查Passport初始化与会话配置 #

确认server.js中已正确配置Express会话和Passport初始化，确保登录状态能被持久化：

const session = require('express-session');
app.use(session({
  secret: 'your-secret-key',
  resave: false,
  saveUninitialized: false
}));
app.use(passport.initialize());
app.use(passport.session()); // 启用会话持久化

内容的提问来源于stack exchange，提问作者JDoug98