你的 Express 应用还在裸奔?赶紧加上这层错误处理的保护罩!

一、错误处理的核心机制

Express通过四参数中间件构建错误处理流水线,需特别注意:

javascript 复制代码
// 错误中间件标准结构
app.use((err, req, res, next) => {
  console.error(err.stack);
  res.status(500).json({error: err.message || '服务器内部错误'  });
});

执行顺序原则 :必须定义在所有常规中间件和路由之后

错误传递机制 :通过next(err)触发错误处理链

响应灵活性:支持HTML、JSON、纯文本等多种响应格式

开发陷阱 :忘记调用next(err)会导致错误未被捕获,引发进程崩溃

二、同步与异步错误的差异化处理

  1. 同步错误自动捕获

    javascript 复制代码
    app.get('/sync', (req, res) => {
      throw new Error('同步错误示例'); // Express自动捕获
    });
  2. 异步错误必须显式传递

    javascript 复制代码
    // Promise方案
    app.get('/async', async (req, res, next) => {
      Promise.reject(new Error('异步错误示例'))
       .catch(next); // Correctly pass 'next' without calling it immediately,必须手动调用next方法
    });
    
    // Callback方案
    app.get('/callback', (req, res, next) => {
      fs.readFile('missing.txt', (err, data) => {
        if (err) return next(err); // 错误传递关键
        res.send(data);
      });
    });

三、错误处理架构设计(防御体系)

  1. 日志记录层

    javascript 复制代码
    function logErrors(err, req, res, next) {
      console.error(`${Date.now()}|${req.ip}|${err.stack}`);
      next(err); // 传递给下一层
    }
  2. 客户端错误层

    javascript 复制代码
    function clientErrorHandler(err, req, res, next) {
      if (req.xhr) {
        res.status(500).json({code: 'API_ERR'}); // AJAX请求专用响应
      } else {
        next(err);
      }
    }
  3. 终极兜底层

    javascript 复制代码
    app.use((err, req, res, next) => {
      if (res.headersSent) {
        return next(err); // 交还Express默认处理
      }
      res.status(500).send('系统开小差了,工程师正在抢修!');
    });
  4. 未匹配路由处理

    javascript 复制代码
    app.use('*', (req, res) => {
      res.status(404).sendFile('./public/404.html'); // 统一404页面
    });
相关推荐
十六年开源服务商8 分钟前
WordPress在线聊天系统推荐
大数据·javascript·html
Apifox.16 分钟前
测试用例越堆越多?用 Apifox 测试套件让自动化回归更易维护
运维·前端·后端·测试工具·单元测试·自动化·测试用例
喵喵喵小鱼41 分钟前
arcgis JavaScript api实现同时展示多个撒点气泡
开发语言·javascript·arcgis
sunnyday042643 分钟前
Nginx与Spring Cloud Gateway QPS统计全攻略
java·spring boot·后端·nginx
康王有点困43 分钟前
Link入门
后端·flink
海南java第二人1 小时前
Spring Boot全局异常处理终极指南:打造优雅的API错误响应体系
java·spring boot·后端
谢尔登1 小时前
Vue3架构设计——调度系统
前端·javascript·vue.js
Kratzdisteln1 小时前
【1902】0121-1 Dify工作流节点详细配置(方案B最终版)
java·前端·javascript
霍理迪1 小时前
js数据类型与运算符
开发语言·前端·javascript
Hi_kenyon1 小时前
小白理解main.js
前端·javascript·vue.js