求助：登录后导航栏无法显示用户名问题

核心问题分析 #

登录成功重定向后导航栏无变化，本质是页面渲染时模板未接收到有效的user变量，导致导航栏的判断逻辑无法触发显示用户名的分支。以下是具体排查和修复步骤：

1. 确认主应用已配置会话中间件 #

Passport依赖express-session维持登录状态，若主app.js未配置该中间件，req.user仅在登录请求响应中存在，重定向后会直接丢失。

在app.js中添加如下配置（需放在Passport初始化代码之前）：

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

app.use(session({
  secret: '自定义复杂密钥（如随机字符串）',
  resave: false,
  saveUninitialized: false,
  cookie: { secure: false } // 开发环境设为false，生产环境建议开启HTTPS后设为true
}));

// 初始化Passport
app.use(passport.initialize());
app.use(passport.session());

2. 检查/memes路由是否传递user变量到模板 #

登录成功后重定向至/memes，但如果该路由的渲染代码未将req.user传入EJS模板，导航栏的user变量仍为undefined。

找到/memes对应的路由文件，修改渲染逻辑：

router.get('/memes', function(req, res, next) {
  // 将当前登录用户传入模板
  res.render('memes', { user: req.user });
});

3. 调试验证req.user是否存在 #

在/memes路由中添加日志，确认登录后req.user是否有效：

router.get('/memes', function(req, res, next) {
  console.log('当前登录用户:', req.user); // 查看控制台输出
  res.render('memes', { user: req.user });
});

若控制台输出undefined，说明会话未生效，回到第一步检查session配置。

4. 全局传递user变量简化代码 #

如果多个页面都需要使用user变量，可以在app.js中添加全局中间件，让所有EJS模板自动获取user：

app.use(function(req, res, next) {
  res.locals.user = req.user; // 将user挂载到全局模板变量
  next();
});

配置后无需在每个路由中单独传递user，导航栏的判断逻辑会自动读取全局变量。

5. 验证Passport序列化/反序列化逻辑 #

你的序列化、反序列化代码逻辑正确，但可以添加日志确认流程是否正常执行：

passport.serializeUser(function(user, cb) {
  console.log('序列化用户:', user);
  process.nextTick(function() {
    cb(null, { id: user.id, username: user.username });
  });
});

passport.deserializeUser(function(user, cb) {
  console.log('反序列化用户:', user);
  process.nextTick(function() {
    return cb(null, user);
  });
});

登录后查看控制台，若没有这两行日志输出，说明Passport的session中间件未正确配置。

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