javascript - 如何路由 Node.js 单页应用程序？

Question

我正在尝试使用具有多个选项卡的 Node.js 设计一个单页应用程序，并且每个选项卡上可以包含许多图像或脚本，因此我想防止每次都加载每个选项卡的内容用户访问页面。因此，理想情况下，当用户切换选项卡时，服务器会发送包含图像和脚本的 html，客户端会在不重新加载页面的情况下显示它。

我选择 SPA 设计的原因是，在选项卡之外将有一个聊天系统以及在后台运行的其他东西，我不想在每次发生重定向时重新发送给客户。

所以我的问题是发送 html 的最佳方式是什么，或者是否有更好的方式仍然使用 SPA 设计？

最好的方法是将路由器中的 html 发送到客户端，然后使用 ajax 来防止页面刷新并添加新标签 html 并在之后删除旧标签 html？

Answer 1

您可以使用 Express.js只有一个route .

这条路线可以称为:

var app = require('express')();

app.get('/',function(req, res) {
 res.sendFile(path.join(__dirname + '/index.html'));
}

注意:

• 这是一个 GET 路由
• 它只是用sendFile 发送文件内容

之后，您可以使用许多 API 路由来为您的选项卡获取数据。我会推荐这些路线是这样的:

app.post('/about',function(req, res) {
 res.json({ data: "your data here" });
}

app.post('/contact',function(req, res) {
 res.json({ data: "your data here" });
}

在这些路线上请注意:

• 这些是 POST 路由
• 只返回一个 JSON