frontend-error-handling - React 前端错误处理模式
为 React 应用提供包含 API 拦截器、错误边界、异步处理及 Sentry 跟踪的错误处理模式。
标签
更新于: 2026-09-24该技能可以做什么
- 全局拦截 API 错误
- 利用错误边界捕获组件错误
- 使用 try-catch 处理异步错误
- 通过 Sentry 跟踪生产环境错误
- 展示用户友好的错误提示
输入
- React 组件
- API 请求错误
- Sentry DSN 配置
输出
- 用户错误通知
- 降级错误 UI
- Sentry 错误日志
要求
- React 应用环境
- Axios HTTP 客户端
- @sentry/react SDK