如何使用 express 提供具有静态内容的动态 html 页面答案

【问题标题】：How to serve a dynamic html page with static content using express如何使用 express 提供具有静态内容的动态 html 页面
【发布时间】：2019-11-14 11:16:06
【问题描述】：

我正在使用 express 来静态提供 html 页面，如下所示：

app.use( express.static('./public',{extensions:['html']}))

但是我有一个 html 页面 Account.html，我想将参数传递给它以根据需要填充它，例如：“/Account?id=123”，然后基于此 id 返回一个带有必要的数据，但是我对如何执行此操作有点困惑，因为 Account.html 是一个静态页面，我的自定义获取路由 app.get('/Account', async (req, res) => 没有被命中，而是我得到了静态 Account.html 文件，但是我发现相反，如果我使用如下 URL 格式：“/Account/?id=123”（参数前有额外的斜杠）然后 /Account 路由被命中，我能够从数据库中获取数据，问题现在是如何将这些数据注入 Account.html 页面？

【问题讨论】：

标签： node.js express dynamic

【解决方案1】：

上述场景的路线应该是：

app.get('/account:id', (req, res) => {
   // depending on the method you used, you can access the id like: req.body.id, req.params.id
   ...process and eventually 
   res.render('account', { data: data });
});

res.render('account'... 将呈现您定义的名为account 的视图并将数据传递给它以供使用。

你会像这样走这条路线：

<a href="/account/100">account</a>

所有非常标准的东西，并且在主要的 express website 上有详细记录

【讨论】：