一、什么是 Koa 的中间件
通俗的讲：中间件就是匹配路由之前或者匹配路由完成做的一系列的操作，我们就可以 把它叫做中间件。
二、Koa 应用可使用如下几种中间件：
- 应用级中间件
- 路由级中间件
- 错误处理中间件
- 第三方中间件
1.应用级中间件
//应用级中间件
//如果有两个参数（匹配的路由,中间件处理函数）
//如果没有第一个参数就是匹配所有路由
app.use(async (ctx,next) => {
ctx.body+= "这是一个中间件"
await next()//表示匹配完路由后继续向下匹配 否者一旦匹配到了路由就不再向下匹配
})
router.get('/',async (ctx) => {
ctx.body+= "<h1>首页</h1>"
})
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 = "<h1>新闻</h1>"
})
3、错误处理中间件
app.use(async (ctx,next) => {
console.log('这是一个中间件01')
await next()
if(ctx.status==404){
ctx.status=404 //如果这句不加 那么又会被认为是一个正常的链接了
console.log('404')
ctx.body="<h1>404<h1>"
}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 = "<h1>首页</h1>"
})
进入中间件01
进入中间件02
进入中间件03
匹配到首页路由
完成中间件03
完成中间件02
完成中间件01
image.png
