Node.js 路由-路由的模块化

还是鼠鼠

于 2025-03-31 08:33:19 发布

阅读量681

点赞数 17

分类专栏： node.js 全套入门教程文章标签： node.js 前端 express javascript vscode

本文链接：https://blog.youkuaiyun.com/2402_84971234/article/details/146778938

版权

node.js 全套入门教程专栏收录该内容

45 篇文章

订阅专栏

2.3 home.js - Home 路由

2.4 about.js - About 路由

3. 程序运行结果

4. 总结

为了帮助大家更好地了解Node.js路由的模块化，我们可以通过以下代码来展示如何实现一个基本的路由模块化。这样，开发者可以根据需要将路由按功能拆分，使得代码结构更清晰、更易维护。

1. 目录结构

/your-project
  ├── app.js                # 主文件，启动应用
  ├── routes
  │   ├── home.js           # home 路由
  │   └── about.js          # about 路由
  └── package.json          # 项目依赖管理文件

2. 代码实现

2.1 安装依赖

首先，你需要安装express，这是Node.js中最常用的web框架。

npm init -y
npm install express

2.2 app.js - 主文件

app.js是我们的应用程序启动文件，它将引入路由模块并启动服务器。

// app.js
const express = require('express');
const app = express();

// 引入路由模块
const homeRouter = require('./routes/home');
const aboutRouter = require('./routes/about');

// 使用路由模块
app.use('/home', homeRouter);
app.use('/about', aboutRouter);

// 设置端口监听
const PORT = 3000;
app.listen(PORT, () => {
  console.log(`Server is running on http://localhost:${PORT}`);
});

说明：

app.js中，我们使用express创建了一个应用实例app，然后通过app.use()来设置路由。每个路由模块对应一个URL路径，比如/home和/about。
homeRouter和aboutRouter分别引入了home.js和about.js文件。

2.3 home.js - Home 路由

home.js文件定义了关于“首页”功能的路由。

// routes/home.js
const express = require('express');
const router = express.Router();

// 定义路由
router.get('/', (req, res) => {
  res.send('<h1>Welcome to the Home Page</h1>');
});

module.exports = router;

说明：

通过express.Router()创建一个新的路由实例，然后使用router.get()方法定义对/home路径的GET请求处理。
res.send()用来返回一个HTML页面给用户。

2.4 about.js - About 路由

about.js文件定义了关于“关于我们”功能的路由。

// routes/about.js
const express = require('express');
const router = express.Router();

// 定义路由
router.get('/', (req, res) => {
  res.send('<h1>Welcome to the About Page</h1>');
});

module.exports = router;

说明：