reactjs - 当服务器在React js中关闭时处理错误(TypeError无法提取)

Question

我需要在对话框中显示错误，指出无论服务器崩溃还是服务器关闭，服务器都已停止。
我作为控制台在请求中记录我的错误，如下所示:

export default function request(url, options) {
  return fetch(url, options)
    .then(checkStatus)
    .then(parseJSON).
    catch(error => {
      console.log("error",error)
      throw error;
    });
}

控制台是:

TypeError Failed to fetch

有人可以帮我弄这个吗？

Answer 1

您可以在代码中使用navigator来检查用户是否处于脱机状态或用户是否无法连接到您的WebService，如下所示:

//if there was a problem with server
if(navigator && navigator.onLine) {
  throw {
    code: 'SERVER_CONNECTION_PROBLEM',
    message: 'Server connection failure...'
  }
} else { // if there is a problem with internet
   throw {
     code: 'INTERNET_CONNECTION_ERROR',
     message: 'there is a problem with your INTERNET, god damn it...'
   }
}