Safari-WebInspector的“网络”标签-尝试加载资源时发生错误

Question

我在下面的XHR / Fetch的Safari开发人员工具（“网络”标签）图像中看到错误。响应主体不可见。它总是抛出红色文本“尝试加载资源时发生错误”。我最初的想法是devtool不支持获取而不是XHR。但是Safari 12支持它。

OS：MacOS High Sierra 浏览器：Safari 12和技术预览版66

这与响应头有关吗？ XSS还是其他？ PS：相同的响应主体在chrome开发工具中可见。

Answer 1

带有预览的菜单栏的右侧是[Json . . . . public class ArgsPoco { [Json . . . . public int A {get;set;} . . . . ，旁边有一个箭头，单击它，然后将其切换到response即可完成操作。

Answer 2

如果找不到“带预览的菜单栏右侧，则带有箭头的响应”，则需要先缩小。

Answer 3

浏览器的错误消息描述了成功完成此请求的要求。

服务器必须通过发送Access-Control-Allow-Origin响应标头来向您的远程域授予对所请求资源的访问权限。

在Safari 12中，在“网络”标签中选择该行。响应将显示在主区域中。在它上面是几个标签。选择标题选项卡，然后在显示的数据的请求部分中查看一些请求信息。有关请求数据的详细信息，请在“请求数据”下查看。如果可以的话，那里会有一个小箭头，您可以按该箭头查看请求的全部内容。

Answer 4

世界还没有准备好fetch()。

为解决此问题，我轻松地从fetch()转换为axios。

• body成为data
• json自动解码
• credentials成为withCredentials

我还添加了此函数以确定响应是否为ok：

function ok(resp) {
  return resp && resp.status && resp.status >= 200 && resp.status < 400
}

这就是我需要调整的全部情况。