14、Remix 中的错误处理与会话管理

Remix 中的错误处理与会话管理

1. Remix 中的错误处理

在 Remix 里，错误处理是构建稳定应用的关键部分。通过嵌套错误边界，我们能实现强大的错误处理功能。

1.1 嵌套错误边界的力量

当我们为费用详情页面实现了嵌套错误边界后，会发现即使出现错误，费用概述列表依然可以正常渲染，这就是嵌套错误处理的强大之处。我们可以为收入详情页面也实现相同的体验。

在之前的费用删除功能中，存在一个体验不佳的问题。当在费用详情页面快速删除多个费用时，可能会导致用户进入 404 页面。这是因为删除逻辑中的重定向机制在并发删除时会出现竞态条件。例如，在 /dashboard/expenses/1 页面快速删除费用 1 和费用 2，处理费用 1 删除时会重定向到 /dashboard/expenses ，但处理费用 2 删除时会重定向回 /dashboard/expenses/1 ，而此时费用 1 已被删除，就会抛出 404 错误。

通过引入嵌套的 ErrorBoundary 组件，我们增强了用户体验。当出现 404 错误时，用户会留在费用概述页面，错误被包含在嵌套的 ErrorBoundary 中，避免了全屏错误信息的显示。

1.2 声明式错误处理

Remix 的错误边界允许我们以声明式的方式处理错误和异常。通过添加嵌套错误边界，我们可以优雅地处理边缘情况，为用户提供更具弹性的体验。

1.3 处理页面未找到（404）错误