📜  在 Express.js 中设置默认路由

📅  最后修改于: 2022-05-13 01:56:40.863000             🧑  作者: Mango

在 Express.js 中设置默认路由

什么是默认路由?

正如我们所知,在 express 应用程序中,涉及的 URL 和请求非常多。用户可能会选择我们的快递应用程序中未包含的路线。在这种情况下,用户在处理此类问题时会收到错误消息,我们为我们的 express 应用设置了默认路由,通知用户,他打错了路线或将用户重定向到特定路线。

以下是用户点击错误路线时的示例错误页面:

在定义默认路由时遵循以下预防措施

  • 您的网络应用程序中只有一个默认路由。
  • 默认路由将在定义应用程序的所有其他路由之后定义,即最后。

在 express 应用中设置默认路由的步骤:

第 1 步:创建您的项目文件夹。

第 2 步:现在在您的终端中,从项目文件夹的根目录运行以下命令:

$ npm init

第 3 步:使用以下命令安装 express:

$ npm install express

第 4 步:要求 'express' 并根据您的应用程序的要求设置所有通用路线。

第 5 步:在所有路线下方,设置您的默认路线,如下所示:

app.get("*", function (req, res) {
    res.render("Error_page");   
});

示例:具有下面给出的默认路由的快速应用程序示例。

文件名:index.js

Javascript
// Requiring modules
const express = require("express");
const app = express();
  
// Root route of express app
app.get("/", (req, res) => {
  res.send("Hello Geeks");
});
  
app.get("/new", (req, res) => {
  res.send("welcome to new page");
});
  
// All the general routes of your
// web app are defined above the
// default route
  
// Default route
app.get("*", (req, res) => {
  
  // Here user can also design an
  // error page and render it 
  res.send("PAGE NOT FOUND");
});
  
// Server setup
app.listen(3001, () => {
  console.log(
`Server listening on http://localhost:3001`);
});


使用以下命令运行index.js文件:

node index.js

输出:

Server listening on http://localhost:3001

现在打开浏览器并导航到http://localhost:3001,您将在屏幕上看到以下消息:

Hello Geeks

现在点击除我们定义的 URL 之外的任何其他 URL,就像这里我们点击http://localhost:3001/xyz。以下将是屏幕上的输出:

PAGE NOT FOUND