koa 中间件 以及koa中间件的洋葱图执行流程

一、什么是 Koa 的中间件

通俗的讲：中间件就是匹配路由之前或者匹配路由完成做的一系列的操作，我们就可以 把它叫做中间件。

二、Koa 应用可使用如下几种中间件：

• 应用级中间件
• 路由级中间件
• 错误处理中间件
• 第三方中间件

1.应用级中间件

//应用级中间件
//如果有两个参数（匹配的路由,中间件处理函数）
//如果没有第一个参数就是匹配所有路由
app.use(async (ctx,next) => {
    ctx.body+= "这是一个中间件"

    await next()//表示匹配完路由后继续向下匹配 否者一旦匹配到了路由就不再向下匹配
})

router.get('/',async (ctx) => {
    ctx.body+= "
首页
"
})

image.png

☆这样写会报错 到后面多重路由的时候再讲解

app.use('/a',async (ctx,next) => { //第一个参数 填写后报错

2.路由中间件

写法和路由一致，如果有next() 那么还是会向下继续匹配

router.get('/news',async (ctx, next) => {
   console.log('匹配到了新闻页')
   await next()
})

router.get('/news',async (ctx) => {
    ctx.body = "
新闻
"
})

3、错误处理中间件

app.use(async (ctx,next) => {
    console.log('这是一个中间件01')
    await next()
    if(ctx.status==404){
        ctx.status=404 //如果这句不加 那么又会被认为是一个正常的链接了
        console.log('404')
        ctx.body="
404
"
    }else{
        console.log('正常执行')
    }
})

4、第三方中间件

后续补充

5、中间件运行流程

app.use(async (ctx,next) => {
    console.log('进入中间件01')
    await next()
    console.log('完成中间件01')
})

app.use(async (ctx,next) => {
    console.log('进入中间件02')
    await next()
    console.log('完成中间件02')
})
app.use(async (ctx,next) => {
    console.log('进入中间件03')
    await next()
    console.log('完成中间件03')  
})
router.get('/',async (ctx) => {
    console.log('匹配到首页路由')
    ctx.body = "
首页
"
})

进入中间件01
进入中间件02
进入中间件03
匹配到首页路由
完成中间件03
完成中间件02
完成中间件01

image.png