Set-Cookie na przeglądarce z żądaniem Ajax za pośrednictwem CORS

Question

Próba wdrożenia procesu logowania/rejestracji ajax (bez odświeżania strony z uwierzytelnieniem). Używanie plików cookie do zachowania stanu. Myślałem, że mam już to prawo, ale z jakiegoś powodu przeglądarka nie ustawi plików cookie po otrzymaniu ich z serwera. Czy ktoś może pomóc? Oto nagłówki żądania i odpowiedzi:

Request URL:http://api.site.dev/v1/login 
Request Method:POST 
Status Code:200 OK 

Żądanie Główki

Accept:application/json, text/plain, */* 
Accept-Charset:ISO-8859-1,utf-8;q=0.7,*;q=0.3 
Accept-Encoding:gzip,deflate,sdch 
Accept-Language:en-US,en;q=0.8 
Connection:keep-alive 
Content-Length:57 
Content-Type:application/json;charset=UTF-8 
Host:api.site.dev 
Origin:http://site.dev 
Referer:http://site.dev/ 
User-Agent:Mozilla/5.0 (Macintosh; Intel Mac OS X 10_8_2) AppleWebKit/537.11 (KHTML, like Gecko) Chrome/23.0.1271.101 Safari/537.11 
withCredentials:true 
X-Requested-With:XMLHttpRequest 
Request Payload 
{"email":"calvinfroedge@gmail.com","password":"foobar"} 

nagłówki odpowiedzi

Access-Control-Allow-Credentials:true 
Access-Control-Allow-Headers:X-Requested-With, Content-Type, withCredentials 
Access-Control-Allow-Methods:GET, POST, PUT, DELETE, OPTIONS 
Access-Control-Allow-Origin:http://site.dev 
Connection:Keep-Alive 
Content-Length:19 
Content-Type:application/json 
Date:Tue, 08 Jan 2013 18:23:14 GMT 
Keep-Alive:timeout=5, max=99 
Server:Apache/2.2.22 (Unix) DAV/2 PHP/5.4.7 mod_ssl/2.2.22 OpenSSL/0.9.8r 
Set-Cookie:site=%2B1THQQ%2BbZkEwTYFvXFVV5fxi00l2K%2B6fvt9SuHACTNsEwUGzDSUckt38ZeDsNbZSsqzHmPMWRLc84eDLZzh8%2Fw%3D%3D; expires=Thu, 10-Jan-2013 18:23:14 GMT; path=/; domain=.site.dev; httponly 
X-Powered-By:PHP/5.4.7 

widzę też cookie w narzędziach chrom sieciowych, jak wrócił z serwer:

Cookies Response

Name: site 
Value: %2B1THQQ%2BbZkEwTYFvXFVV5fxi00l2K%2B6fvt9SuHACTNsEwUGzDSUckt38ZeDsNbZSsqzHmPMWRLc84eDLZzh8%2Fw%3D%3D 
Domain: .site.dev 
Path:/
Expires: Session 
Size: 196 
Http: ✓ 

Answer 1

Żądanie AJAX muszą być wykonane zgodnie z ustawieniami „withCredentials” ustawiona na true (dostępne tylko w XMLHttpRequest2 i pobrania):

var req = new XMLHttpRequest(); 
    req.open('GET', 'https://api.bobank.com/accounts', true); // force XMLHttpRequest2 
    req.setRequestHeader('Content-Type', 'application/json; charset=utf-8'); 
    req.setRequestHeader('Accept', 'application/json'); 
    req.withCredentials = true; // pass along cookies 
    req.onload = function() { 
     // store token and redirect 
     let json; 
     try { 
      json = JSON.parse(req.responseText); 
     } catch (error) { 
      return reject(error); 
     } 
     resolve(json); 
    }; 
    req.onerror = reject; 

Jeśli chcesz szczegółowe wyjaśnienie CORS, bezpieczeństwo API oraz ciasteczek, odpowiedź nie pasuje do komentarza StackOverflow. Zapoznaj się z tym artykułem, który napisałem na ten temat: http://www.redotheweb.com/2015/11/09/api-security.html

Answer 2

miałem similiar problem i okazało się, że ustawienia przeglądarki zostały blokowanie plików cookie innych firm (Chrome> Ustawienia> Ustawienia zaawansowane> Prywatność> Ustawienia treści> Zablokuj stronę trzecią pliki cookie i dane witryn). Odblokowanie rozwiązało problem!