如何从express.static中检测404错误

从express.static中检测404错误的方法是通过自定义中间件来实现。当静态资源未找到时，express.static会自动返回404错误页面。以下是一个示例的中间件代码：

app.use(express.static('public'));

app.use((req, res, next) => {
  // 检查静态资源是否存在
  if (req.method === 'GET' && req.accepts('html') && !req.is('json') && !req.path.includes('.')) {
    res.sendFile('public/index.html', { root: __dirname });
  } else {
    // 返回404错误页面
    res.status(404).send('404 Not Found');
  }
});

上述代码中，首先使用express.static中间件来指定静态资源目录为"public"。然后，通过自定义中间件来检测404错误。该中间件会判断请求方法是否为GET，是否接受HTML响应，是否非JSON请求，以及请求路径中是否包含"."。如果满足这些条件，则返回"public/index.html"文件，否则返回404错误页面。

这种方法可以确保在静态资源未找到时返回自定义的404错误页面，而不是默认的404错误页面。同时，它还可以保证在单页应用中，当用户刷新页面或直接访问某个子路径时，能正确加载应用的入口文件。

推荐的腾讯云相关产品：云服务器（CVM）、对象存储（COS）、内容分发网络（CDN）。

• 云服务器（CVM）：提供可扩展的计算能力，用于部署和运行应用程序。 产品介绍链接：https://cloud.tencent.com/product/cvm
• 对象存储（COS）：提供安全、稳定、低成本的云端存储服务，用于存储和管理静态资源。 产品介绍链接：https://cloud.tencent.com/product/cos
• 内容分发网络（CDN）：加速静态资源的传输，提高用户访问速度和体验。 产品介绍链接：https://cloud.tencent.com/product/cdn