错误处理 | 众里千寻

API 错误

在应用运行过程中，经常会遇到 API 报错。因此，我们需要在请求 API 中的时候启用一个拦截器来处理错误，然后提示用户是什么导致了错误。

在 React 的组件树中，我们要使用 Error Boundariesopen in new window 来处理错误。

常规的做法是在全局加一个 Error Boundary，当应用出错的时候可以处理。但是这么做有一个问题，就是即使一个很细节的地方出错了，整个应用都不能使用了。因此，我们建议对应用的各个部分分别使用 Error Boundary，这样可以保证一个地方出错了，其他功能还可以正常使用。

我们需要跟踪应用中出现的任何错误。这方面可以使用 Sentryopen in new window 这款工具。它可以上报应用运行过程中的任何错误，同时还将浏览器、操作系统信息等也一起上传。如果我们在 Sentry 控制台上传了源代码的 Source Map，我们可以定位到错误发生在源代码的哪一行。

关注微信公众号，获取最新推送~

加微信，深入交流~