表示浏览器发出请求时两次调用的中间件函数

Question

下面是我的nodejs代码

const express = require('express');

const app = express();

app.use('/', (req, res, next) => {
    console.log("In interceptor");
    next();
});

app.use('/users', (req, res, next) => {
    console.log('In /users middleware');
    res.send('<h1>From "/users" handler </h1>');
});

app.use('/', (req, res, next) => {
    console.log("Default handler");
    res.send('<h1>From default handler</h1>');
});

app.listen(3000);

从浏览器发出请求时的控制台输出（Chrome和Edge）

http://localhost:3000
******************
In interceptor
Default handler
In interceptor
Default handler
******************

http://localhost:3000/users
******************
In interceptor
In /users middleware
In interceptor
Default handler
******************

但是当使用发出请求时curl，我看不到多个调用

curl http://localhost:3000
******************
In interceptor
Default handler
******************

curl http://localhost:3000/users
******************
In interceptor
In /users middleware
******************

有人可以解释为什么从浏览器发出请求时多次调用中间件功能吗？

Answer 1

从浏览器加载页面时看到多个请求的常见原因是以下两种情况之一：

1. 浏览器将自动请求favicon.ico文件。
2. 浏览器尝试从HTML文件（脚本文件，图像，CSS文件等）加载某些资源。

通过添加以下内容，您可以确切地看到每个请求的目的：

console.log(req.url);

您的中间件。