API 错误

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

这里是使用拦截器并提示用户的样例open in new window

应用运行错误

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

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

这里是 Error Boundary 的样例open in new window

错误跟踪

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

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