Express请求处理-构建模块化路由

矫情吗；* 2023-10-06 13:03 70阅读 0赞

## 场景 ##

Node的Web应用框架Express的简介与搭建HelloWorld：

[Node的Web应用框架Express的简介与搭建HelloWorld\_霸道流氓气质的博客-CSDN博客][Node_Web_Express_HelloWorld_-CSDN]

注：

虽然可以通过app.get和app.post方法来创建路由了，但是在真实的项目中，路由可能很多。

不可能将所有的路由都罗列在同一个文件中。

所以在Express中为了解决这个问题，提供了模块化路由。

我们可以根据某种条件将路由进行分类。将不同的路由放置在不同的模块中。

博客：  
[霸道流氓气质的博客\_CSDN博客-C\#,架构之路,SpringBoot领域博主][CSDN_-C_SpringBoot]  
关注公众号  
霸道的程序猿  
获取编程相关电子书、教程推送与免费下载。

## 实现 ##

下面看一下模块化路由的基础代码

打开app.js

//引入express框架
    const express = require('express');
    //创建网站服务器
    const app = express();
    //创建路由对象
    const home = express.Router();
    //为路由对象匹配请求路径
    app.use('/home',home);
    //创建二级路由
    home.get('/index',(req,res) =>{
      res.send("公众号：霸道的程序猿")
    })
    app.listen(3000, function () {
      console.log('Example app listening on port 3000!')
    })

然后就可以通过

[http://localhost:3000/home/index][http_localhost_3000_home_index]

来访问模块化的路由了

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk_size_16_color_FFFFFF_t_70][]

由此，可以使用再复杂点的模块化路由。

分别新建home.js和admin.js

home.js

//引入express框架
    const express = require('express');
    const home = express.Router();
    home.get('/index',(req,res)=>{
        res.send("这里是home页面");
    });
    module.exports = home;

admin.js

//引入express框架
    const express = require('express');
    const admin = express.Router();
    admin.get('/index',(req,res)=>{
        res.send("这里是admin页面");
    });
    module.exports = admin;

然后在app.js中

//引入express框架
    const express = require('express');
    //创建网站服务器
    const app = express();
    const home = require('./home.js');
    const admin = require('./admin.js');
    app.use('/home',home);
    app.use('/admin',admin);
    app.listen(3000, function () {
      console.log('Example app listening on port 3000!')
    })

启动项目

node app.js

访问

[http://localhost:3000/home/index][http_localhost_3000_home_index]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk_size_16_color_FFFFFF_t_70 1][]

然后再访问

[http://localhost:3000/admin/index][http_localhost_3000_admin_index]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk_size_16_color_FFFFFF_t_70 2][]

[Node_Web_Express_HelloWorld_-CSDN]: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/106650798
[CSDN_-C_SpringBoot]: https://blog.csdn.net/badao_liumang_qizhi
[http_localhost_3000_home_index]: http://localhost:3000/home/index
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200715230248283.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk=,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20200715230319357.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk=,size_16,color_FFFFFF,t_70
[http_localhost_3000_admin_index]: http://localhost:3000/admin/index
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20200715230323998.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk=,size_16,color_FFFFFF,t_70