google-chrome - 报告 api : Is there a way to debug why reports are failing to upload

Question

我正在尝试设置一个带有网络错误日志记录的站点。这使用报告 api 生成和发送有关最终用户体验的报告，并允许访问较低级别的网络问题信息

NEL 规范:https://www.w3.org/TR/network-error-logging/

报告 API 规范:https://w3c.github.io/reporting/

我已经设置了所需的 NEL 和 Report-To header ，但是当我使用 chrome://net-export 收集日志并查看这些报告的情况时，我注意到报告无法上传到我在 Report-To 中指定的端点(我通过使用 https://netlog-viewer.appspot.com/#reporting 查看我的网络日志，在“上传失败”列下看到了这一点)。

是否有任何工具或其他信息可以让我了解失败的原因？我在使用我的站点时使用 Fiddler 查看网络流量，但我没有看到任何对 nel 端点的传出网络调用，这告诉我在它发出报告之前可能出现了故障

在此感谢任何帮助，谢谢

Answer 1

我也遇到过这个问题。我也看到上传失败，但无法理解原因。为了排除设置错误的问题，我添加了第二个报告的url，并为他设置了低优先级。作为第二个网址，我使用了这些人的解决方案 https://report-uri.com

Report-To: {
  "group": "nel-reports",
  "max_age": 86400,
  "endpoints": [
     {"url": "https://myurl.org/events", "priority": 1},
     {"url": "https://nickname.report-uri.com/events", "priority": 2}
 ]}

NEL: {"report-to":"nel-reports", "max_age": 86400}

以防浏览器无法上传到https://myurl.org/events , 它将报告上传到 https://nickname.report-uri.com网址/事件。我在 report-uri.com 端找到了报告并开始调查我的第一个 url。

在我的案例中，问题与 CORS 有关。我的预检请求服务器返回带有 * 的响应 header ，这不适用于报告 API。这是报告 api 或功能的错误)

# Browser preflight request
Origin: https://anothermysite.org
Access-Control-Request-Headers: content-type
Access-Control-Request-Method: POST

# My server response
Access-Control-Allow-Origin: *
Access-Control-Allow-Methods: *
Access-Control-Allow-Headers: *

此 header 允许所有内容，但不适用于报告 api。服务器必须返回这样的响应才能使报告 api 正常工作。

Access-Control-Allow-Origin: https://anothermysite.org
Access-Control-Allow-Methods: POST
Access-Control-Allow-Headers: content-type