$ http请求不会在角度CORS中发送cookie跨域

时间:2013-06-02 11:21:23

标签: jquery angularjs cors

首先,我想告诉我,我已经阅读了Stack中的所有问题以及与CORS相关的所有问题,但实现仍然无效。我的APP建立在angular crud demo之上:

所以我在应用程序配置中:

$httpProvider.defaults.useXDomain = true;
$httpProvider.defaults.withCredentials = true;
delete $httpProvider.defaults.headers.common['X-Requested-With'];

我知道它们已正确设置(通过调试)。在我的“安全”应用程序中,我正在请求当前用户,跨域:

return $http.get(LAYOUT_CONFIG.baseURL + '/current-user').then(function(response) {
      //service.currentUser = response.data.user;
      service.currentUser = response.data;
      return service.currentUser;
    });

我在第一次请求时收到这些标题:

    Access-Control-Allow-Credentials:true
Access-Control-Allow-Headers:accept, origin, content-type, cookie
Access-Control-Allow-Methods:GET,POST
Access-Control-Allow-Origin:http://admin.vibetrace.com
Access-Control-Max-Age:1728000
Connection:keep-alive
Content-Encoding:gzip
Content-Type:text/html; charset=utf-8
Date:Sun, 02 Jun 2013 11:07:49 GMT
P3P:CP="IDC DSP COR ADM DEVi TAIi PSA PSD IVAi IVDi CONi HIS OUR IND CNT"
Server:nginx/1.1.19
Set-Cookie:vibetrace.ssid=s%3A2lT2_N0-EevCJt7LbRlJ6Az1.d8xp99st%2F0RNV0VN2D4o4AJXNRT%2F%2F46v8PDVWSAbx%2Fw; Path=/; Expires=Mon, 30 Sep 2013 11:07:49 GMT
Transfer-Encoding:chunked
Vary:Accept-Encoding
X-Cache:MISS
X-Powered-By:Express

所以Set-Cookie就在那里。但是,后续的$ http.get请求(来自angular)不会发送应该先前已设置的cookie。

Accept:application/json, text/plain, */*
Accept-Encoding:gzip,deflate,sdch
Accept-Language:en-US,en;q=0.8
Cache-Control:no-cache
Connection:keep-alive
Host:app.vibetrace.com
Origin:http://admin.vibetrace.com
Pragma:no-cache
Referer:http://admin.vibetrace.com/
User-Agent:Mozilla/5.0 (Macintosh; Intel Mac OS X 10_7_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/27.0.1453.93 Safari/537.36

但是这里有趣的部分。如果我在控制台中运行以下代码:

$.ajax("https://app.vibetrace.com/current-user", {
            type: "GET",
            success: function(data, status, xhr) {               
            },
            xhrFields: {
                withCredentials: true
            },
            crossDomain: true
        });

请求标头包含cookie。

Accept:*/*
Accept-Encoding:gzip,deflate,sdch
Accept-Language:en-US,en;q=0.8
Cache-Control:no-cache
Connection:keep-alive
Cookie:fbm_245656478789760=base_domain=.vibetrace.com; __utma=199448574.828439508.1336934706.1361539088.1361819816.356; __utmc=199448574; __utmz=199448574.1361819816.356.354.utmcsr=tenlister.com|utmccn=(referral)|utmcmd=referral|utmcct=/index.php; connect.sid=s%3AZ1o9bIw0jBOmQwuhKJDG1San.%2BfshIsvupiRuK0pUJqm8EAMnMBCyxf%2Fk17cAVzcy31w; __utma=173003172.1796845739.1355503443.1369827921.1369833348.68; __utmc=173003172; __utmz=173003172.1369410587.66.5.utmcsr=stage.marketizator.com|utmccn=(referral)|utmcmd=referral|utmcct=/app/builder/; vibetrace.ssid=s%3AV6biojefu9r5DTGErKL5vYPi.KAlnWMUm8jZmPV0MpP%2FrgqwmkF6WuXEZZDyzJhozYCs
Host:app.vibetrace.com
Origin:http://admin.vibetrace.com
Pragma:no-cache
Referer:http://admin.vibetrace.com/

我缺少什么?

3 个答案:

答案 0 :(得分:24)

你看到了这个吗? Communication between AngularJS and a Jersey Webservice which are on a different domain. Can't access correct session

  

尝试将配置对象传递给指定withCredentials的$ http,这应该适用于所有版本。

$http({withCredentials: true, ...}).get(...)

这里的讨论:https://github.com/angular/angular.js/pull/1209

答案 1 :(得分:4)

设置withCredentials=true应该有效,特别是使用$ ajax工作的部分是令人烦恼的。它让我相信问题不在客户端,而在于服务器发回的内容以及您如何测试它的组合。

您确定要使用jQuery和Angular在同一条路径上进行测试吗?

问题可能与您从服务器返回的cookie有关。如果路径设置不正确,浏览器将不会将带有请求的cookie发送到其他路径。这也适用于其他属性,但最有可能是路径。

这与Angular配置无关,但它可能会让你回过头几个小时。

除此之外唯一可能的解释是你使用的是Angular的旧版本,但考虑到你的问题的详细信息以及与我似乎不太可能的其他答案的链接。

答案 2 :(得分:1)

我看到两个不同的子域名。

  • admin.vibetrace.com
  • app.vibetrace.com

尝试明确设置主域名的Cookie:

Set-Cookie:vibetrace.ssid=...; Domain=.vibetrace.com; Path=/; Expires=...

参考:Wikipedia: HTTP Cookie - Domain and Path