登出后Flash消息无法显示的技术问题求助

问题根源 #

Flash 消息默认存储在**会话（session）**中，你在登出路由里调用 req.session.destroy() 会直接销毁整个会话，包括刚存入的 Flash 消息。当重定向到 /home 时，会话已不存在，自然无法读取到 Flash 内容。

解决方案 #

方案1：仅清除登录状态，保留会话（推荐） #

不需要销毁整个会话，只清除会话中的用户登录标识即可，这样 Flash 消息能正常保留到重定向后的请求：

router.get('/logout', (req, res) => {
  delete req.session.returnTo;
  delete req.session.user; // 仅清除用户登录状态，不销毁会话
  req.flash('success', 'Successfully Logged Out!');
  res.redirect('/home');
})

此时 /home 路由和视图无需修改，因为会话仍存在，Flash 消息可以正常被读取渲染。后续会话会随过期时间自动失效，不影响功能。

方案2：用 Cookie 临时存储 Flash 消息（需销毁会话时用） #

如果业务必须销毁整个会话，可以将 Flash 消息存入一次性 Cookie，在 /home 路由中读取并渲染后清除 Cookie：

1. 修改登出路由：

router.get('/logout', (req, res) => {
  delete req.session.returnTo;
  // 设置有效期5秒的一次性Cookie存储Flash消息
  res.cookie('flashSuccess', 'Successfully Logged Out!', { httpOnly: true, maxAge: 5000 });
  
  req.session.destroy(err => {
    if (err) {
      console.error('销毁会话失败:', err);
    }
    res.redirect('/home');
  });
})

2. 修改 /home 路由：

app.get('/home',(req,res) =>{
    const isLoggedIn = req.session.user ? true : false;
    // 读取Cookie中的Flash消息
    const success = req.cookies.flashSuccess || '';
    // 读取后立即清除Cookie
    if (success) {
      res.clearCookie('flashSuccess');
    }
    res.render('home', { isLoggedIn, success });
})

视图代码无需修改，保持原有的判断逻辑即可。

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