reactjs - 加载错误页面时出现错误时的用户体验是什么？

Question

我正在设计我们的 PWA 应用程序中的错误处理。我们要处理所有客户端错误并回退到错误页面。此错误页面的内容来自 API 调用，因为它们已翻译成本地语言。

我有一个关于在客户端数据获取错误页面所需数据时可能出现错误的情况的问题。我们的默认行为可能是什么？对于在为错误页面获取数据时出现一些错误的情况，我应该放置默认的英语内容（针对全球市场）吗？

标签： reactjserror-handlingfrontend

Answer 1

如果响应中有错误，您可以将静态 404 页面作为备份并导航到该页面。

ErrorComponent.js

getError = () => {
  getErrorData().then(res => {
    //Do something with the response
  })
  .catch(err => {
    //Navigate to a default 404 page
    window.location.href = '/defaulterror';
  })
}