如何防止空白页对HTTP错误做出反应

时间:2019-06-21 06:23:35

标签: javascript reactjs error-handling

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

有什么想法可以防止空白页吗?

注意:

  
      
  1. 错误得到了很好的处理,我什至在浏览器控制台中看到了错误日志。
  2.   
  3. 如果发生500错误,则不会发生
  4.   

1 个答案:

答案 0 :(得分:0)

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

NSString *embedHTML = @"<html><head>CONTENT_FROM_SERVER</head><body><p>Hello!</p></body></html>";
[webView loadHTMLString:embedHTML baseURL:nil];

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

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