javascript - 如何防止空白页对HTTP错误使用react

Question

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

有什么想法如何防止空白页吗？

笔记:

1. Errors are very well handled and I even see the error logs in browser console.
2. This is not happening in case of 500 errors

Answer 1

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

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

或者您可以简单地拒绝任何“错误”的 promise 。

Promise.reject(error);