如何防止空白页在 http 错误上做出反应

Question

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

有没有知道如何防止空白页？

笔记：

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

Answer 1

> 503 是一个网络错误，它不是由 axios 传递的，所以你不会跳到错误处理代码。在 Axios 响应拦截器中添加一些错误检查。

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

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

Promise.reject(error);