问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

koa2中间件问题

头像
塞尔达真好玩
    25522336
    const Koa = require('koa')
const static = require('koa-static')
const path = require('path')
const app = new Koa()

const test1 = async (ctx, next) => {
  console.log('test1')
  await next()
}

const test2 = (ctx, next) => {
  console.log('test2')
  next()
}

app.use(static(path.join(__dirname, 'dist')))
app.use(test1)
app.use(test2)


app.listen(8999, () => {
  console.log(8999)
})

    进入localhost:8999后，test1,test2两个中间件没有被触发

    跟koa-static调换位置之后

    app.use(test1)
app.use(test2)
app.use(static(path.join(__dirname, 'dist')))

    test1,test2两个中间件触发了，但koa-static没被触发。

    难道koa-static没有next()么，并且为何调换位置后koa-static也触发不得

    javascriptnode.jskoa.js
    阅读 3.5k
    3 个回答
    得票最新
    头像
    lichia
      3061716
      ✓ 已被采纳

      把第二个中间件写成异步的就可以了

      const test2 = async (ctx, next) => {
  console.log('test2')
  await next()
}

      koa中间件执行后必须返回一个promise，如果非要用普通的函数写法，可以这样：

      const test2 =  (ctx, next) => {
  return next().then(()=>{
    console.log('test2')
  })
}

      如果你非要搞懂，可以看下这篇文章深入浅出koa2

      再补充一下，不知道你看完这个能不能理解

      const Koa = require('koa');
const static = require('koa-static')
const path = require('path')
const app = new Koa();

const test1 = async (ctx, next) => {
  console.log('test1')
  await next()
}

const test2 =  (ctx, next) => {
  console.log('test2')
  return next().then(()=>{
    console.log('test3')
  })
}

const test3 =  (ctx, next) => {
  console.log('test4')
  return next().then(()=>{
    console.log('test5')
  })
}

app.use(test1)
app.use(test2)
app.use(test3)
app.use(static(path.join(__dirname, 'static')))
app.listen(8080);

// 打印结果
test1
test2
test4
test5
test3
      头像
      154538022
        48852734
        const Koa     = require('koa')
const static     = require('koa-static')
const path     = require('path')
const app     = new Koa()
const     test1 = async (ctx, next) => {
    console.log('test1')
      await next()
}
const     test2 = async (ctx, next) => {
      console.log('test2')
      await next()
}

app.use(static(path.join(__dirname, 'middleware')))
app.use(test1)
app.use(test2)


app.listen(8999, () => {
  console.log(8999)
})

        图片描述

        middleware/a.html:

        <!DOCTYPE html>
<html>
    <head>
        <title></title>
    </head>
<body>
    <div> hello world </div>
</body>
</html>
        头像
        burning0xb
          1372

          clipboard.png
          convert 一下

          撰写回答
          你尚未登录，登录后可以
          • 和开发者交流问题的细节
          • 关注并接收问题和回答的更新提醒
          • 参与内容的编辑和改进，让解决方法与时俱进
          推荐问题