如何在Express.js的Pug视图文件中使用Session？遇刷新跳转数据丢失

我来帮你搞定这个问题！你遇到的核心问题有两个：一是Pug视图默认没法直接访问req.session里的变量，二是单独用locals时，因为没有全局挂载，页面跳转后数据就丢失了。下面给你两种靠谱的解决方案：

1. 先确保Session中间件配置正确 #

首先得确认你已经正确配置了express-session中间件，这是一切的基础。如果还没配置，先在你的Express入口文件（比如app.js）里加上：

const session = require('express-session');

app.use(session({
  secret: 'your-custom-secret-key', // 替换成你自己的安全密钥
  resave: false,
  saveUninitialized: false,
  cookie: { secure: false } // 生产环境建议设为true（需配合HTTPS）
}));

2. 方案一：在路由中手动传递Session变量到视图 #

每次渲染页面时，把req.session里的变量作为参数传给res.render()，这样Pug就能直接访问到了。比如你的products路由可以改成这样：

app.get('/products', (req, res) => {
  // 将session中的登录状态传递给视图
  res.render('products', { login: req.session.login });
});

你的Pug代码保持不变即可：

if(login)
  li
    a(href='logout') Logout

3. 方案二：用全局中间件挂载Session变量到res.locals #

这个方法更省心，不用每个路由都手动传变量。在app.js里添加一个全局中间件，把req.session的变量挂载到res.locals上，这样所有Pug视图都能直接访问：

// 注意要放在session中间件之后、路由之前
app.use((req, res, next) => {
  // 把session中的登录状态同步到locals
  res.locals.login = req.session.login;
  next();
});

这样不管是页面跳转还是刷新，每次请求都会执行这个中间件，把最新的session状态同步到locals里。你的Pug代码依然可以用if(login)来判断，完全不需要修改。

为什么之前用locals会丢失数据？ #

你之前应该是只在某个特定请求里给locals赋值了（比如登录成功的那次请求），但跳转后是新的请求，之前的locals数据不会被保留。而用全局中间件的话，每个请求都会重新从req.session里取最新的值，自然就不会出现数据丢失的问题了。

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