Question

使用快递，我有一个像这样的中间件：

app.use((req, res, next) => {
  console.log(req);
  next();
});

如何等待此next（）完成操作？我问的原因是我在next（）之后添加了console.log，此消息发生在下一个路由函数中的消息之前。

app.use(async(req, res, next) => {
  console.log(req);
  await next();
  console.log('should be the last print but ...');
});

Answer 1

我在我的项目中遇到了这个问题，我们快速解决了将中间件一分为二的问题。您在路由之前添加第一部分，并在“next()”之后添加您想要在之后添加的另一个部分中执行的内容。如果您需要访问相同的对象实例或其他内容，您可以随时将其保存在请求局部变量中。

我的例子：


const express = require('express');
const app = express();
const port = 5050;
const wait = (milliseconds) =>
    new Promise((res, rej) => {
        setTimeout(() => {
            res();
        }, milliseconds);
    });

const middleware = async (req, res, next) => {
    console.log('- 1');
    await wait(10);
    console.log('- 2');
    next();
    console.log('- 3');
    await wait(10);
    console.log('- 4');
    console.log('');
};
app.use(middleware);
app.get('/', async (req, res, next) => {
    console.log('-- 1');
    await wait(10);
    console.log('-- 2');
    console.log('hello');
    res.send('Hello World!');
    console.log('-- 3');
    await wait(10);
    console.log('-- 4');
    next();
    return;
});

app.listen(port, () => {
    console.log(`Example app listening at http://localhost:${port}`);
});

这将是您遇到的问题。它会在这些行之间打印一些东西。

- 1
- 2
-- 1
- 3
-- 2
hello
-- 3
- 4

-- 4

解决办法：

const express = require('express');
const app = express();
const port = 5050;
const wait = (milliseconds) =>
    new Promise((res, rej) => {
        setTimeout(() => {
            res();
        }, milliseconds);
    });

const middleware1 = async (req, res, next) => {
    console.log('- 1');
    await wait(10);
    console.log('- 2');
    next();
};

const middleware2 = async (req, res, next) => {
    console.log('- 3');
    await wait(10);
    console.log('- 4');
    console.log('');
    next();
};

app.use(middleware1);
app.get('/', async (req, res, next) => {
    console.log('-- 1');
    await wait(10);
    console.log('-- 2');
    console.log('hello');
    res.send('Hello World!');
    console.log('-- 3');
    await wait(10);
    console.log('-- 4');
    next();
    return;
});
app.use(middleware2);

app.listen(port, () => {
    console.log(`Example app listening at http://localhost:${port}`);
});

您将中间件一分为二，以确保仅在执行路由中的所有内容后才执行中间件2。你会得到这样的输出：

- 1
- 2
-- 1
-- 2
hello
-- 3
-- 4
- 3
- 4

如何在中间件中等待next（）

1 个答案: