Question

我有一个基本的Express应用程序，其中有一个哈巴狗布局，然后是其他可以扩展布局的哈巴狗模板。

我的问题是：

在主页上的主导航上，我可以看到已登录用户的照片，其中CORRECT

但是当我去查看其他用户的个人资料时，我在主导航栏上看到了照片，就像他们登录的INCORRECT

在我的layout.pug上，我有这个：

doctype html
html
  head
    title= `${title} | ${h.siteName}`

  body
    block header
      header.top
        nav.nav
            if user
              li.nav__item: a.nav__link.ph4(href="/logout", class=(currentPath.startsWith('/logout') ? 'nav__link--active' : ''))
                span Logout
              li.nav__item: a.nav__link.ph4(href="/account", class=(currentPath.startsWith('/account') ? 'nav__link--active' : ''))
                img.avatar.pa2(src=`/uploads/${user.photo}`)
            else
              li.nav__item: a.nav__link(href="/register", class=(currentPath.startsWith('/register') ? 'nav__link--active' : '')) Register
              li.nav__item: a.nav__link(href="/login", class=(currentPath.startsWith('/login') ? 'nav__link--active' : '')) Log In

    .content
      block content
        p This is the default!

    block scripts

然后我有一个控制器，该控制器根据它的特性发送一些用户：

exports.getUserBySlug = async (req, res, next) => {

  const user = await User.findOne({ slug: req.params.slug })
  let embed = {}
  if (!user) return next();


  res.render('user', {
    user,
    title: user.name,
    embed: embed.html,
  });
};

还有我的应用程序上的配置，该配置始终为我提供登录用户，我可以在user的pug中使用它

// pass variables to our templates + all requests
app.use((req, res, next) => {
  res.locals.h = helpers;
  res.locals.flashes = req.flash();
  res.locals.user = req.user || null;
  res.locals.currentPath = req.path;
  next();
});

问题：我该怎么做，以便导航栏上的我始终显示已登录的用户？

Answer 1

我必须更改此行：

res.locals.user = req.user || null;

收件人：

res.locals.loggedinUser = req.user || null;

并在我的模板上使用logininUser

登录的用户和其他用户变量在Pug模板中混合在一起

1 个答案: