Express框架下如何在所有页面共享cart与subtotal数据？

要在所有页面的模板中访问cart和subtotal，不需要在每个res.render里手动传递，利用Express的res.locals对象结合全局中间件就能实现：

步骤1：添加全局中间件 #

在你的Express主入口文件（比如app.js）中，在所有路由挂载之前添加如下中间件，确保它在session中间件之后执行（因为要读取req.session）：

// 先确保你已经配置好session中间件（比如express-session）
app.use(session({
  secret: 'your-custom-secret-key',
  resave: false,
  saveUninitialized: true
}));

// 全局中间件：把cart和subtotal挂载到res.locals
app.use((req, res, next) => {
  // 给默认值，避免session中无数据时模板报错
  res.locals.cart = req.session.cart || {};
  res.locals.subtotal = req.session.subtotal || 0;
  next(); // 放行到后续路由处理
});

// 之后再挂载你的各类路由
app.use('/', require('./routes/index'));
app.use('/cart', require('./routes/cart'));

步骤2：简化原路由代码 #

现在你的购物车路由不需要再手动传递cart和subtotal，模板会自动读取res.locals里的变量：

router.get('/', function(req, res){
  // 直接渲染模板即可，cart和subtotal已全局可用
  res.render('cart');
});

原理说明 #

res.locals是Express内置的对象，它的属性会被所有模板引擎自动继承。通过全局中间件在每次请求时将cart和subtotal注入到res.locals，后续不管渲染哪个页面的模板，都能直接使用这两个变量（比如EJS中直接写<%= cart %>或<%= subtotal %>）。

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