一、路由的概念

Express 中的路由

在Express 中，路由指的是客户端的请求与服务器处理函数之间的映射关系
Express 中的路由分3 部分组成，分别是请求的类型、请求的 URL 地址、处理函数，格式如下

Express 路由的例子

// 1.导入express
const express = require("express");

// 2.创建web服务器

const app = express();
// 监听客户端的 GET 和 POST 请求，并向客户端响应具体的内容
app.get("/user", (req, res) => {
  res.send("got a get request");
});
app.post("/user", (req, res) => {
  res.send("got a post request");
});
// 3.启动web服务器
app.listen(80, () => {
  console.log("express server running at http://127.0.0.1");
});

路由匹配的过程

每当一个请求到达服务器之后，需要先经过路由的匹配，只有匹配成功之后，才会调用对应的处理函数在匹配时，会按照路由的顺序进行匹配，如果请求类型和请求的 URL 同时匹配成功，则 Express 会将这次请求，转交给对应的function函数进行处理

image.png

路由匹配的注意点:

• 按照定义的先后顺序进行匹配
• 请求类型和请求的URL同时匹配成功才会调用对应的处理函数

二、路由的使用

2.1、最简单的用法

在Express中使用路由最简单的方式，就是把路由挂载到app上，示例代码如下

// 1.导入express
const express = require("express");

// 2.创建web服务器

const app = express();
// 监听客户端的 GET 和 POST 请求，并向客户端响应具体的内容
app.get("/", (req, res) => {
  res.send("hello word");
});
app.post("/", (req, res) => {
  res.send("Post request");
});
// 3.启动web服务器
app.listen(80, () => {
  console.log("express server running at http://127.0.0.1");
});

2.2、模块化路由

为了方便对路由进行模块化的管理，Express 不建议将路由直接挂载到 app 上，而是推荐将路由抽离为单独的模块，将路由抽离为单独模块的步骤如下：

• 创建路由模块对应的s文件
• 调用 express.Router()函数创建路由对象
• 向路由对象上挂载具体的路由
• 使用 module.exports 向外共享路由对象
• 使用app.use()函数注册路由模块

2.2.1、创建路由模块

image.png

router.js

const express = require("express");

// 创建路由对象
const router = express.Router();

// 挂载具体的路由

router.get("/user/list", (req, res) => {
  res.end("Get userList");
});

// 挂载具体的路由

router.post("/user/add", (req, res) => {
  res.end("Add new user");
});
// 向外导出路由对象
module.exports = router;

2.2.2、注册路由模块

index.js

//导入express
const express = require("express");

// 导入路由模块
const userRouter = require("./router");

// 创建web服务器

const app = express();

// 注册路由模块
app.use(userRouter);

// 3.启动web服务器
app.listen(80, () => {
  console.log("express server running at http://127.0.0.1");
});

测试

image.png image.png

2.2.3、为路由模块添加前缀

类似于托管静态资源时，为静态资源统一挂载访问前缀一样，路由模块添加前缀的方式也非常简单

// 为路由模块添加前缀
app.use("/api", userRouter);

测试

image.png