Axios 能否区分“无网络”和“网络断开”？

Question

Axios 是否可以区分以下内容：

• 由于客户端没有网络连接而失败的请求 发出请求的时间点 - (ERR_CONNECTION_REFUSED)。
• 由于网络连接丢失而失败的请求之后 已发出请求，但在收到响应之前 - (ERR_INTERNET_DISCONNECTED)。

似乎在这两种情况下，我们得到的只是一个相当无用的“网络错误”消息......

Axios 文档 (https://github.com/axios/axios#handling-errors) 建议在后一种情况下，应该填充 error.request，但我无法复制存在error.request 的任何场景。在上述两种情况下，我都会得到一个如下所示的错误对象：

{
  config: { ... },
  response: undefined,
  message: "Network Error",
  stack: "Error: Network Error at createError (http://localhost:3000/static/js/bundle.js:1636:15) at XMLHttpRequest.handleError (http://localhost:3000/static/js/bundle.js:1170:14)"
}

Answer 1

我不知道你是否能得到ERR_CONNECTION_REFUSED，但是ERR_INTERNET_DISCONNECTED你可以得到使用本机网络信息API，看看下面的sn-p：

var connection = navigator.connection || navigator.mozConnection || navigator.webkitConnection;
console.log(connection);

当connection.type: "none" 表示你是ERR_INTERNET_DISCONNECTED 时，也许你可以探索一下这个解决方案。

你可以阅读完整的文档here, cya