使用res.send调用pug.renderFile时app.locals中lodash返回undefined求助

这个问题的核心很明确：res.render会自动帮你把app.locals、res.locals以及你传入的模板变量合并成完整的上下文对象，无缝传递给模板引擎；但直接调用pug.renderFile时，它不会自动关联Express的全局/请求级locals，得手动把这些变量注入进去才行。

下面是几种实用的解决办法：

方法一：手动合并Express的locals到渲染上下文 #

你可以从req.app.locals获取全局配置的locals，再和res.locals、自定义局部变量合并后，一起传给pug.renderFile：

const pug = require('pug');

// 路由处理函数示例
app.get('/partial-update', (req, res) => {
  // 合并全局locals、请求级locals和自定义变量
  const templateContext = {
    ...req.app.locals,
    ...res.locals,
    // 这里可以添加你需要的其他局部变量
    currentUser: req.user
  };

  pug.renderFile('views/your-template.pug', templateContext, (err, html) => {
    if (err) {
      return res.status(500).send(err.message);
    }
    res.send(html);
  });
});

方法二：复用res.render的回调获取渲染结果 #

其实res.render支持传入回调函数，你可以不直接发送响应，而是拿到渲染后的HTML再按需处理发送，这样就能自动用上所有locals了：

app.get('/partial-update', (req, res) => {
  res.render('views/your-template.pug', (err, html) => {
    if (err) {
      return res.status(500).send(err.message);
    }
    // 这里可以对HTML做局部修改，比如截取某部分内容
    res.send(html);
  });
});

这种方法最省心，完全复用了Express的模板渲染流程，不用手动处理locals的合并，还能保证和正常渲染时的上下文完全一致。

方法三：设置pug全局默认上下文 #

如果需要多次调用pug.renderFile，可以在App初始化完成后，给pug设置全局默认上下文，把app.locals加进去：

const pug = require('pug');

// 在app.locals配置完成后执行
pug.options.locals = app.locals;

// 之后调用renderFile时会自动带上全局locals
pug.renderFile('views/your-template.pug', (err, html) => {
  // ...后续处理逻辑
});

注意这种方式是全局生效的，如果不同请求有专属的res.locals，还是建议用前两种方法，因为全局设置不会自动同步请求级别的变量。

总结来说，最推荐方法二，既简单又能避免遗漏变量；如果必须直接使用pug.renderFile，方法一的手动合并是最稳妥的选择。

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