Dojo 无法发出 CORS 请求。 jQuery可以

Question

我已经设置了一个 dojo 模块来处理我的通信：

define(["dojo/request/xhr", "dojo/json"],
  function(xhr, JSON) {

  return {
    getJson: function(url) {
      return xhr.get(url, {handleAs:'json', headers: {"X-Requested-With": ""}});
    },
    postJson: function(url, postData) {
      return xhr(url, {
        method: 'POST',
        handleAs: "json",
        data: JSON.stringify(postData),
        headers: {"X-Requested-With": "", "Content-Type":"application/json"}
      })
    },
    getSecure: function(url, token) {
      return xhr.get(url, {handleAs:'json', headers: {"X-AUTH": token, "X-Requested-With": "", "Content-Type":"application/json" }});
    },
    postSecure: function(url, postData, token) {
      return xhr(url, {
        method: 'POST',
        handleAs: 'json',
        data: JSON.stringify(postData),
        headers: {"X-Requested-With": "", "Content-Type":"application/json", "X-AUTH": token}
      });
    }
  };

});

发送请求时，OPTIONS 几乎立即失败。我在 Postman 中尝试了请求，只是为了确保 API 运行良好。然后我一头雾水，用 jQuery 构建了一个快速测试：

$.ajax({
  url: 'https://someurl.url/auth/get_token',
  type: 'post',
  data: JSON.stringify({username:"user", password:"pass"}),
  contentType: 'application/json',
  dataType: 'json' ,
  xhrFields: {
    withCredentials: false
  },
  success: function(json) {
    console.log(json);
    $.ajax({
      url: 'https://someurl.url/api/service/' + json.results.somevalue,
      type: 'GET',
      headers: { 'X-AUTH': json.results.token },
      contentType: 'application/json; charset=utf-8',
      dataType: 'json' ,
      success: function(json) {
        console.log(json);

      },
      error: function (XMLHttpRequest, textStatus, errorThrown) {
        console.log("error :"+XMLHttpRequest.responseText);
      }


    });

  },
  error: function (XMLHttpRequest, textStatus, errorThrown) {
    console.log("error :"+XMLHttpRequest.responseText);
  }

效果很好。我知道 Dojo 大约一年前在发送“X-Requested-width”标头时遇到了问题，但我已经取消了它并且它没有尝试发送它。我正在拔头发，因为我真的不想将 jQuery 作为对我的应用程序的依赖项仅用于发出 Web 请求。 Dojo 应该能够做到这一点。那里有任何 Dojo 人知道如何完成这项工作吗？

Answer 1

您可以简单地使用 dojo/request/xhr 模块发出任何 HTTP 请求，例如 OPTIONS、GET、PUT、DELETE、CONNECT、PUT、HEAD、TRACE 等。

将 http 方法名称作为字符串传递（全部大写），如下所示，

require(['dojo/request/xhr'], function(xhr){
    xhr(url, {
        handleAs : "json",
        method : 'OPTIONS',
        data : formDataAsJson,
        headers : {
            'Content-Type' : 'application/json'
        }
    }).then(
        function(data) {
            console.log("response data is: "+ JSON.stringify(data));
        },
        function(err) {
            console.log("The err is: "+ JSON.stringify(err));
        },
        function(evt) {
            console.log("The evt is: "+ JSON.stringify(evt));
        }
    );
});

Answer 2

          var syncCall = true;
          if(dojo.isFF)
            syncCall = false;
          xhr(url, { 
            method : 'GET',
            handleAs : 'json',
            withCredentials : true,
            sync  :  syncCall,
            headers : {
              'X-XSRF-Token' : settings.XSRF_TOKEN,
              'Content-Type' : 'application/json'
            }

Answer 3

我对 dojo.xhrGet 有过类似的体验，而 'Content-Type': 'application/json' 是问题所在。我不得不更改它以假装我正在取回纯文本，以便它真正跨域工作，因此：

dojo.xhrGet({
    url: url,
    headers: {
        'X-Requested-With': null,
        'Content-Type': 'text/plain'
    },
    load: function(responseText) {
        var results = JSON.parse(responseText);
    ...
    }
});

之后它跨域工作，并将结果视为 JSON 对象。

Answer 4

空字符串与 null 不同。您需要将 X-Requested-With 设置为 null，而不是 ""，以避免预检请求。没关系，除非您的服务器没有响应允许 X-Requested-With 标头，因为您无论如何都会发送自定义标头，这将始终触发预检。