javascript - 如何防止空白页对 http 错误做出反应

Question

axios收到 时，我在反应应用程序中看到空白页503 (Service Unavailable)。我明白这个问题。当出现503 (service Unavailable)错误时，组件卸载并最终反应显示空白页面。

有没有办法防止空白页？

笔记：

1. 错误得到了很好的处理，我什至在浏览器控制台中看到了错误日志。
2. 500如果出现错误，则不会发生这种情况

标签： javascriptreactjserror-handling

Answer 1

503是网络错误，不是axios处理的，所以你不会跳转到错误处理代码。在您的 axios 响应拦截器中添加一些错误检查。

if (error && error.message === 'Network Error') {
    throw new Error(`Network error`);
  }

或者你可以简单地拒绝任何“错误”的承诺。

Promise.reject(error);