window.location.reload()导致passport-local认证用户登出问题求助

你的按钮代码只是单纯触发页面刷新，但点击后却触发登出并跳转到首页，核心原因是页面刷新时用户会话（Session）意外失效，导致Passport-local认证失效，进而被路由重定向到首页（而非按钮本身触发了登出逻辑）。以下是具体排查步骤和解决方案：

排查方向 #

1. 检查后端Session配置 #

如果使用express-session配合Passport，错误的Session配置会导致刷新时会话丢失：

• 查看Session有效期设置：cookie.maxAge如果过短，刷新时Cookie已过期，Session直接失效。
• 确认Session存储方式：开发环境用内存存储（默认）没问题，但如果是生产环境未配置持久化存储（如Redis），可能出现意外丢失。
• 参考正确的基础配置：

app.use(session({
  secret: 'your-custom-secret-key',
  resave: false,
  saveUninitialized: false,
  cookie: {
    maxAge: 24 * 60 * 60 * 1000, // 设为1天，避免短时间过期
    secure: process.env.NODE_ENV === 'production',
    httpOnly: true
  }
}));

2. 验证Passport认证中间件的重定向逻辑 #

检查你用于保护页面的认证中间件，比如：

function ensureAuthenticated(req, res, next) {
  if (req.isAuthenticated()) {
    return next();
  }
  res.redirect('/'); // 未认证时跳转到首页
}

如果刷新的页面是被这个中间件保护的，当Session失效时，就会自动跳转到首页。此时需要确认Session为何在刷新时失效——优先排查Cookie是否被浏览器保留（可通过开发者工具Application->Cookies查看connect.sid是否存在）。

3. 排查前端意外触发登出的代码 #

搜索项目中是否存在页面卸载事件的监听，比如：

window.addEventListener('beforeunload', () => {
  // 如果这里调用了登出接口，刷新时就会触发登出
  fetch('/logout', { method: 'POST' });
});

如果有这类代码，直接移除即可。

临时修复（仅实现单纯刷新） #

如果需要先实现按钮的单纯刷新功能，可以替换按钮的点击逻辑，但核心还是要解决Session失效的问题：

<button onclick="window.location.href = window.location.href;" class="btn btn-success">Reload</button>

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