使用自定义中间件时，express js上的静态服务不起作用。

在使用Express.js时，如果你发现使用自定义中间件后静态服务不再起作用，这通常是因为中间件的执行顺序问题。Express.js按照中间件添加到应用中的顺序来执行它们。如果自定义中间件在静态文件中间件之前执行，它会先拦截所有请求，这可能导致静态文件无法正确提供。

基础概念

• 中间件：在Express.js中，中间件是指封装了应用程序请求/响应处理流程的函数。
• 静态服务：Express.js提供了一个内置的中间件express.static，用于提供静态文件服务。

相关优势

• 中间件：允许你定义一个处理请求的函数，并且可以在请求到达最终处理之前或之后执行代码。
• 静态服务：方便地为应用程序提供静态文件，如HTML、CSS、JavaScript文件等。

类型

• 自定义中间件：由开发者自己编写的中间件。
• 内置中间件：Express.js提供的如express.static等中间件。

应用场景

• 自定义中间件：用于日志记录、请求验证、错误处理等。
• 静态服务：用于托管前端资源，如网站图片、CSS样式表、JavaScript文件等。

问题原因

自定义中间件可能在静态文件中间件之前执行，拦截了请求，导致静态文件无法被正确提供。

解决方法

确保静态文件中间件在自定义中间件之前被添加到Express应用中。以下是一个示例代码：

const express = require('express');
const app = express();

// 静态文件服务中间件
app.use(express.static('public'));

// 自定义中间件
app.use((req, res, next) => {
  console.log('Custom Middleware');
  next(); // 确保调用next()函数，以便请求可以继续传递到下一个中间件或路由处理程序
});

// 其他路由或中间件
app.get('/', (req, res) => {
  res.send('Hello World!');
});

// 启动服务器
const PORT = process.env.PORT || 3000;
app.listen(PORT, () => {
  console.log(`Server is running on port ${PORT}`);
});

在这个例子中，express.static('public')确保了静态文件服务中间件在任何自定义中间件之前被添加，这样静态文件请求就不会被自定义中间件拦截。

参考链接

• Express.js 中间件
• Express.js 静态文件服务

通过这种方式，你可以确保静态文件服务正常工作，同时也能使用自定义中间件来处理其他逻辑。