如何路由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

Answer 2

SPA意味着“单页面应用程序”，您将只有一个HTML框架，然后JavaScript框架将处理“页面”和HTML之后的HTML