在前端开发中，我们通常采用一种名为 Express.js 的框架来搭建 Web 应用程序。而在 Express.js 中，路由是非常重要的一环，它可以帮助我们将处理不同 URL 的请求的代码组织在一起。本文将详细介绍 Express.js 路由的概念和用法，并提供一些示例代码来帮助大家从实践中学习。
基础概念
在 Express.js 中，路由也被称为中间件（middleware）。它是一个函数，用于处理不同路径 URL 的请求，并向客户端响应（即发送数据）。路由可以根据 URL 的不同，选择执行不同的处理逻辑，因此，在 Web 应用程序中，路由可以说是非常重要的。
Express.js 中的路由通过使用 app 对象来创建。app 拥有一些方法，如 get、post、put、delete 等，你可以使用这些方法来定义路由。其中，get 用于处理 GET 请求，post 用于处理 POST 请求，put 用于处理 PUT 请求，delete 用于处理 DELETE 请求等。
通常，一个最简单的路由定义如下所示：
app.get('/', function(req, res) {
res.send('Hello World!');
});在这个例子中，我们为应用程序定义了一个针对根路由 / 的 GET 请求。当用户访问 http://localhost:3000 时，应用程序将响应 Hello World!。
路由示例
下面，让我们来看一些有关路由的高级示例。这些示例将帮助大家深入了解在 Express.js 中如何创建和使用路由。
处理 POST 请求
除了 GET 请求，我们还可以使用路由来处理其他类型的请求，比如 POST 请求。下面是一个 POST 请求的示例代码：
app.post('/', function(req, res) {
res.send('Got a POST request');
});在这个示例中，我们对根路由 / 进行了 POST 请求。当用户在应用程序中提交表单时，这个路由将被调用。
处理首页和 About 页面
我们可以使用 Express.js 的路由来处理首页和 About 页面。下面是一个实现这一功能的示例代码：
app.get('/', function(req, res) {
res.send('This is the homepage');
});
app.get('/about', function(req, res) {
res.send('This is the about page');
});在这个示例中，我们定义了两个路由：一个是针对根路径 / 的 GET 请求，另一个是针对路径为 /about 的 GET 请求。当用户访问这些路由时，应用程序将响应相应的页面。
处理带参数的路由
我们可以使用路由处理带参数的 URL。在下面的示例中，我们定义了一个带有参数的路由，用于响应包含用户 ID 的 URL。当用户访问 http://localhost:3000/users/34 时，应用程序将响应 User ID: 34。
app.get('/users/:id', function(req, res) {
res.send('User ID: ' + req.params.id);
});在这个示例中，我们使用了冒号 : 来定义路由参数，然后通过 req.params 对象来获取参数的值。
总结
本文对 Express.js 路由的基础概念和示例进行了详细介绍。在实践中，我们可以根据具体的需求为应用程序定义不同的路由，来处理不同的请求类型和路径。同时，在实践中，我们应该根据需要灵活地使用路由来实现我们的功能要求。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6452cba4968c7c53b074753e