Express中app.use中间件的用法-匹配所有的请求方式

待我称王封你为后i 2023-10-06 10:46 29阅读 0赞

## 场景 ##

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

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

Express的基本路由实现对get和post等的请求和响应：

[Express的基本路由实现对get和post等的请求和响应\_霸道流氓气质的博客-CSDN博客][Express_get_post_-CSDN]

注：

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

## 实现 ##

### app.use中间件的用法 ###

app.use匹配所有的请求方式，可以直接传入请求处理函数，代表接收所有的请求。

因为请求的路由是有顺序的，所以app.use要放在最前面，接收到所有请求后，然后通过next进行下一个路由的匹配

app.use((req,res,next)=>{
     console.log('app.use ');
     next()
    })

然后在浏览器中访问不存在的路由

http://localhost:3000/badao

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk_size_16_color_FFFFFF_t_70][]

可以看到输出的信息，确实走了app.use

也可以指定路由

app.use((req,res,next)=>{
     console.log('app.use ');
     next()
    })
    
    app.use('/request',(req,res,next)=>{
     console.log('app.use /request');
     next()
    })

这时通过浏览器访问

http://localhost:3000/request

可以看到先走了app.use最上面的，然后又走了带/request的

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk_size_16_color_FFFFFF_t_70 1][]

为了再次验证可以给/request匹配一个路由

app.use((req,res,next)=>{
     console.log('app.use ');
     next()
    })
    
    app.use('/request',(req,res,next)=>{
     console.log('app.use /request');
     next()
    })
    
    app.get('/request', function (req, res) {
      res.send('request --get')
    })

打开浏览器输入

http://localhost:3000/request

![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
[Express_get_post_-CSDN]: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/106651469
[CSDN_-C_SpringBoot]: https://blog.csdn.net/badao_liumang_qizhi
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200609215616376.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/20200609215636764.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 2]: https://img-blog.csdnimg.cn/20200609215654457.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk=,size_16,color_FFFFFF,t_70