Safari浏览器获取空的响应标头ajax错误

Question

我正在尝试使用javascript ajax调用来获取一些HTML模板文件。

但是每次在Safari浏览器中都给我“无法加载资源：已取消”时。如果我添加HTTP而不是HTTPS，那么它可以正常工作，但是对于HTTPS，它每次都无法加载资源。

我试图获取错误响应，并且在打印错误时出现以下错误。

状态文字：“错误” 就绪状态：4 状态：404

这是我的ajax代码

$.ajax({
  url: "tpl/btntext.html",
  type: 'GET',
  crossDomain: true,
  datatype: 'text/html',
  success: function(data, textStatus, request) {
    console.log(request.getAllResponseHeaders())
    console.log(textStatus)
  },
  error: function(jqXHR, textStatus, errorThrown) {
    console.log(textStatus)
    console.log(errorThrown)
    console.log(jqXHR.getAllResponseHeaders())
  },
  beforeSend: function(xhr) {
    xhr.setRequestHeader('Access-Control-Allow-Origin', '*');
  }
});

如果我使用HTTPS打开URL，则仅在Mac的Safari浏览器中会发生此错误，否则在其他浏览器上无法正常工作。

我正在使用Microsoft-IIS / 10.0服务器。

有什么主意吗？