如何用Express.js/Node.js实现登录后重定向至用户之前访问的页面

我之前在做Express项目的时候也碰到过一模一样的问题——登录成功后总是跳回登录页，而不是用户之前浏览的页面。其实核心就是要在用户进入登录流程前，把他们原本要去的页面地址存下来，登录成功后再用这个地址跳转回去。下面给你两种靠谱的解决方案，覆盖不同场景：

方法一：利用Session存储目标地址（推荐，适合受保护路由） #

这是最常用的方案，因为Session能在整个用户会话里稳定保存数据，不管用户是被拦截到登录页，还是主动点击登录链接跳转过去的。

1. 先确保Session配置正确 #

首先得保证你的Express Session已经正确配置，不然存不了数据：

const session = require('express-session');
app.use(session({
  secret: '你的加密密钥（别用示例值）',
  resave: false,
  saveUninitialized: false,
  cookie: { 
    secure: process.env.NODE_ENV === 'production' // 生产环境一定要开启，只通过HTTPS传输Cookie
  }
}));

2. 写一个保护路由的中间件 #

创建一个中间件，用来检查用户是否已登录。如果未登录，就把当前页面的完整URL存到Session里，再跳转到登录页：

// 自定义登录校验中间件
function requireLogin(req, res, next) {
  // 这里换成你自己的登录判断逻辑，比如检查req.session.user是否存在
  if (!req.session.user) {
    // 保存用户原本要访问的地址
    req.session.returnTo = req.originalUrl;
    return res.redirect('/login');
  }
  next();
}

// 把中间件用到需要登录的路由上，比如仪表盘
app.get('/dashboard', requireLogin, (req, res) => {
  res.render('dashboard');
});

3. 登录成功后读取Session跳转 #

在你的登录接口里，验证完用户名密码后，取出Session里存的returnTo地址，重定向过去。如果没有这个值（比如用户直接访问登录页），就默认跳首页：

app.post('/login', async (req, res) => {
  // 这里是你的登录验证逻辑，比如查询数据库校验用户名密码
  const { username, password } = req.body;
  const user = await User.findOne({ username });

  if (!user || !(await user.checkPassword(password))) {
    return res.redirect('/login?error=账号或密码错误');
  }

  // 登录成功，把用户信息存到Session
  req.session.user = user;

  // 获取要跳转的地址，默认首页
  const redirectTarget = req.session.returnTo || '/';
  // 用完就删掉，避免下次登录重复使用
  delete req.session.returnTo;

  res.redirect(redirectTarget);
});

方法二：利用查询参数传递地址（适合主动点击登录链接的场景） #

如果用户是主动从某个页面（比如首页）点击登录按钮，你可以把当前页面的URL作为查询参数传递给登录页，这样登录成功后就能直接跳回来。

1. 生成带redirectTo参数的登录链接 #

在你的模板文件（比如EJS、Pug）里，生成登录链接时带上当前页面的地址，注意要编码避免特殊字符出错：

<!-- EJS模板示例 -->
<a href="/login?redirectTo=<%= encodeURIComponent(req.originalUrl) %>">点击登录</a>

2. 登录成功后读取查询参数跳转 #

为了兼容两种场景（受保护路由拦截、主动点击登录），在登录接口里同时读取Session和查询参数的地址，还要做个安全校验防止恶意跳转：

app.post('/login', async (req, res) => {
  // 登录验证逻辑...

  // 优先取Session里的地址（拦截场景），其次取查询参数（主动点击场景），默认首页
  const redirectTo = req.session.returnTo || req.query.redirectTo || '/';
  delete req.session.returnTo;

  // 安全校验：确保跳转地址是同域的，防止钓鱼攻击
  const targetUrl = new URL(redirectTo, `${req.protocol}://${req.get('host')}`);
  if (targetUrl.origin !== `${req.protocol}://${req.get('host')}`) {
    return res.redirect('/');
  }

  res.redirect(targetUrl.pathname + targetUrl.search);
});

为什么你之前会跳回登录页？ #

大概率是这几个原因：

• 没有正确保存登录前的URL，导致登录成功后代码里写死了跳回/login
• Session配置有问题，req.session.returnTo根本没存进去或者读不出来
• 登录成功后没有清空returnTo，不过这个不会直接导致跳回登录页，只会影响后续登录

额外小提示（如果你用Passport.js） #

如果你的项目用了Passport.js做身份验证，其实它已经内置了这个功能，不用自己写那么多代码：

app.post('/login', passport.authenticate('local', {
  failureRedirect: '/login',
  // 自动读取req.session.returnTo，存在就跳过去，否则跳首页
  successReturnToOrRedirect: '/'
}));

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