node中如何定义中间件

1.中间件的概念

中间件可以理解为是一个进行数据或逻辑处理的方法,是数据或者逻辑处理的中枢,既然是中枢那么就有输入输出,输入就是我们使用该中间件的时候就是输入,输出就是要求我们在编写中间件的使用需要调用next(),没有next()那么处理完的数据还存放在中枢里那就没意义了。而全局中间件不管你在哪里做了什么都会进入该中间件进行处理;局部中间件就相当于有自己的作用域,一般挂载注册在需要该中间件去处理数据的路由上

2.局部中间件和全局中间件区别

2.1.全局中间件:使用server.use()注册挂载的中间件,而中间件其实就是进行数据处理和逻辑处理的方法,全局中间件在客服端访问了路由后就会调用中间件中的方法进行一系列处理

2.2.局部中间件:不使用server.use()注册挂载的中间件,而是在配置路由时直接在挂载在需要中间件去处理的路由中

javascript 复制代码
// 1.导入express和router
const express = require('express')
const router = require('./21模块化路由')

// 2.创建web服务器
const server = express()


// 3.监听服务器的启动
server.listen(80,()=>{
    console.log("web服务器启动了 http://127.0.0.1:80");
})


// 4.定义中间件:分为全局中间件和局部中间件
// 全局中间件:只要是客户端进行了请求就会进入中间件,使用server.use()进行挂载的中间件
// 局部中间件:不使用server.use()进行挂载的中间件,在配置路由时使用
// next是一个函数,中间件必须调用才能进入下一个中间件或者路由

// 自定义中间件
const mv = function (req,res,next){ // 用于注册为全局中间件
    console.log("这是一个中间件");
    next()
}

const mv1 = function (req,res,next){ // 用于注册为局部中间件
    console.log("这是第一个局部中间件");
    next()
}

const mv2 = function (req,res,next){ // 用于注册为局部中间件
    console.log("这是第二个局部中间件");
    next()
}

const mv3 = function (req,res,next){ // 用于注册为局部中间件
    console.log("这是第三个局部中间件");
    next()
}

// 5.将中间件定义为局部中间件
server.get('/kanno1',mv1,(req,res)=>{
    res.send({
        name:"龙body",
        classroom:"C class"
    })
})

server.get('/kanno2',mv2,(req,res)=>{
    res.send({
        name:"佐仓 爱里",
        classroom:" class"
    })
})

// 6.同时定义多个局部中间件,以下两个局部中间件写法是等效的
server.get('/kanno3',[mv1,mv2],(req,res)=>{
    res.send({
        name:"绫小路 铃音",
        classroom:"D class"
    })
})

server.get('/kanno4',mv1,mv2,(req,res)=>{
    res.send({
        name:"绫小路 帆波",
        classroom:"D class"
    })
})

// 7.将mv中间件定义为全局中间件
server.use(mv)
相关推荐
周亚鑫几秒前
vue3 pdf base64转成文件流打开
前端·javascript·pdf
Justinc.16 分钟前
CSS3新增边框属性(五)
前端·css·css3
neter.asia32 分钟前
vue中如何关闭eslint检测?
前端·javascript·vue.js
~甲壳虫33 分钟前
说说webpack中常见的Plugin?解决了什么问题?
前端·webpack·node.js
嚣张农民39 分钟前
JavaScript中Promise分别有哪些函数?
前端·javascript·面试
光影少年1 小时前
vue2与vue3的全局通信插件,如何实现自定义的插件
前端·javascript·vue.js
As977_1 小时前
前端学习Day12 CSS盒子的定位(相对定位篇“附练习”)
前端·css·学习
susu10830189111 小时前
vue3 css的样式如果background没有,如何覆盖有background的样式
前端·css
Ocean☾1 小时前
前端基础-html-注册界面
前端·算法·html
Dragon Wu1 小时前
前端 Canvas 绘画 总结
前端