如何在 XmlHttpRequest 错误事件中获取错误信息答案

【问题标题】：How to get error information in XmlHttpRequest error event如何在 XmlHttpRequest 错误事件中获取错误信息
【发布时间】：2017-12-14 02:55:36
【问题描述】：

我有这样的简单代码：

const request = new XMLHttpRequest();
request.addEventListener('error', logError);
request.open('GET', 'www.someapi.com');
request.withCredentials = true;
request.send();

而日志记录是这样的：

const logError = (error) => {
  console.log(`Error\nEvent:\n${JSON.stringify(error, null, 4)}`);
  // Code to log to server
};

现在发生的事情是我收到错误的日志消息，但那里似乎没有任何意义，只是 "isTrusted": true。我想了解更多关于发生了什么以及为什么会出现此错误的信息。例如。在控制台中，当我拨弄连接断开时，我会看到类似的东西：

net::ERR_CONNECTION_RESET

但是当涉及到 javascript 事件时，实际上并没有任何有意义的信息来弄清楚发生了什么。例如。我读过 CORS 可以导致它here，但没有任何消息很难弄清楚发生了什么。

【问题讨论】：

您是否在网络标签中检查了登录
网络选项卡确实显示了所有内容，但问题是我无法在本地重现问题，我只是看到它发生在服务器上，而且我没有足够的信息来理解原因。

标签： javascript xmlhttprequest dom-events

【解决方案1】：

您可以按如下方式查看错误日志：

const request = new XMLHttpRequest();
request.onerror = function (e) {
                console.log(e);
                reject(new TypeError('Network request failed'));
            };

【讨论】：