为什么在 app.use(express.static(path.join(...))); 前面时 Express Middleware 不会触发

Question

我正在尝试调试我非常简单的快速后端样板中的问题。我有一个通用中间件，我想在每个到达服务器的请求时触发它（本质上，我只是想设置一个 cookie。）

const express = require('express');
const path = require('path');
const uuidv4 = require('uuid/v4');
const cookieParser = require('cookie-parser')

const app = express();
app.use(cookieParser());

app.use(express.static(path.join(__dirname, 'client/build')));

app.use('/', (req, res, next) => {
    console.log(req.cookies)
    if (!req.cookies['audience_tracking_id']) {
        console.log('Processed Request - User Does Not Have Cookie.')
        const uniqueID = uuidv4();
        res.setHeader('Set-Cookie', [`audience_tracking_id=${uniqueID}`, `contentFocus=${randomProductName()}`]);
    }
    next();
});


app.get('*', (req, res) => {
    res.sendFile(path.join(__dirname + '/client/build/index.html'))
});

app.use(function(err, req, res, next) {
    console.log(err)
    res.status(err.status || 500).send();
});

const port = process.env.PORT || 6000;

app.listen(port);

console.log(`Audience Service Host listening on ${port}`);

该应用程序包括一个托管在 Heroku 上的 React 前端，我通过 Express 在同一容器中提供静态构建文件。

问题是 - 我是否使用 Postman 在本地向 localhost:6000 中的此文件发送 GET 请求，或者我是否访问 Heroku 上的容器，console.log() 无法触发 - 可能还有其余的中间件。

但是，如果我将此行移到 cookie 中间件下方：

app.use(express.static(path.join(__dirname, 'client/build')));

或者，如果我只是将其注释掉，我的中间件就会触发并且 console.log() 会出现。这是一个简单的修复，但我不知道为什么会发生这种情况，有谁知道我在这段代码中做错了什么，导致中间件按原样失败？

Answer 1

这是因为您的“静态文件”中间件会尝试将所有请求匹配到您的服务器：

app.use(express.static(path.join(__dirname, 'client/build')))

您的请求“GET localhost:6000/*”将在“cookie”中间件之前路由到“静态文件”中间件。如果“静态文件”中间件发现该文件存在，则响应将以该文件结束。如果不是，中间件的动作与选项有关（fallthrough），您可以在server-static's option 获得更多详细信息

我建议为static file middlware设置根挂载路径：

app.use("/dist", express.static(path.join(__dirname, 'client/build')))

如果要检查所有请求中的 cookie，请使用以下格式：

app.use((req, res, next) => {
    // Do something
})