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)
相关推荐
2601_9494800623 分钟前
【无标题】
开发语言·前端·javascript
css趣多多28 分钟前
Vue过滤器
前端·javascript·vue.js
理人综艺好会1 小时前
Web学习之用户认证
前端·学习
We་ct1 小时前
LeetCode 36. 有效的数独:Set实现哈希表最优解
前端·算法·leetcode·typescript·散列表
weixin_395448911 小时前
main.c_cursor_0129
前端·网络·算法
2401_859049082 小时前
git submodule update --init --recursive无法拉取解决
前端·chrome·git
这是个栗子2 小时前
【Vue代码分析】前端动态路由传参与可选参数标记:实现“添加/查看”模式的灵活路由配置
前端·javascript·vue.js
刘一说2 小时前
Vue 动态路由参数丢失问题详解:为什么 `:id` 拿不到值?
前端·javascript·vue.js
熊猫钓鱼>_>3 小时前
动态网站发布部署核心问题详解
前端·nginx·容器化·网页开发·云服务器·静态部署
方也_arkling3 小时前
elementPlus按需导入配置
前端·javascript·vue.js