AngularJS$HTTP POST withCredentials失败,请求正文中有数据

Question

AngularJS使用REST对服务器端进行身份验证，并获得JSESSIONID cookie。在下一步中，我将尝试使用REST以及在上一步中获得的会话cookie从服务器端获取一些JSON数据。下面是客户端代码：

getSomeJSONDataFromServer:function() {
var deferred = $q.defer();
$http({
    method: 'POST',
    withCredentials: true,
    url: "http://domain.name/app/someURL",
    headers:{
        'Accept':'application/json',
        'Content-Type':'application/json; charset=utf-8',
        'Access-Control-Request-Headers': 'X-Requested-With, content-type, accept, origin, withcredentials'
    }
})
.success(function(data, status, headers, config) {
    // handle data
})
.error(function(data, status, headers, config) {
    // handle error
});
return deferred.promise;
}

上面的代码工作正常：

当我在上面的POST请求体中发送一些数据时，问题就开始了。

...
$http({
    method: 'POST',
    withCredentials: true,
    url: "http://domain.name/app/someURL",
    headers:{
        'Accept':'application/json',
        'Content-Type':'application/json; charset=utf-8',
        'Access-Control-Request-Headers': 'X-Requested-With, content-type, accept, origin, withcredentials'
    },
    data: '{}'
})
.success(...

上述代码在prelight请求中失败：

由于某些原因未发送会话cookie，服务器似乎启动了一个新会话。不管怎样，我觉得我错过了一些很简单的东西，一些标题或类似的东西...任何想法都值得赞赏。提前道谢。

Answer 1

阿米尔,

请允许我帮助您和其他人清楚地了解在处理CORS时所期望的内容，例如：

• 简单CORS版本
• 预置CORS版本
• 具有凭据的请求

null

• 内容类型必须是下列任一项：
  • 应用程序/x-www-form-urlencoded
  • 多部分/表单-数据
  • 文本/HTML

  这个简单的版本显然不是你的情况...

  • 您可以使用GET、HEAD或post：
    • 在任何方法中，都可以设置自定义头。
    • 您可以始终让服务器端通过Access-Control-Allow-Origin头限制域访问。
    • 内容类型可以是以下类型：
      • 应用程序/x-www-form-urlencoded
      • 多部分/表单-数据
      • 文本/HTML
      • 应用程序/JSON
      • 应用程序/XML
      • 文本/XML
      • 等

      这个预置版显然是你的案子...

      null