web-dev-qa-db-fra.com

Demande CORS - pourquoi les cookies ne sont-ils pas envoyés?

J'ai un domaine croisé AJAX GET qui est prévalu avec succès, mais les cookies ne sont pas attachés à la demande GET. Lorsque l'utilisateur clique sur un bouton de connexion, un POST est fait pour connecter l'utilisateur, ce qui fonctionne correctement entre les domaines. Le JavaScript est:

        $.ajax(signin_url, {
            type: "POST",
            contentType: "application/json; charset=utf-8",
            data: JSON.stringify(credentials),
            success: function(data, status, xhr) {
                signInSuccess();
            },
            error: function(xhr, status, error) {
                signInFailure();
            },
            beforeSend: function(xhr) {
                xhr.withCredentials = true
            }
        });

Les en-têtes de réponse incluent un cookie:

Set-Cookie:user_token=snippysnipsnip; path=/; expires=Wed, 14-Jan-2032 16:16:49 GMT

Si la connexion réussit, une demande GET JavaScript est effectuée pour obtenir les détails de l'utilisateur actuel:

function signInSuccess() {
    $.ajax(current_user_url, {
        type: "GET",
        contentType: "application/json; charset=utf-8",
        success: function(data, status, xhr) {
            displayWelcomeMessage();
        },
        beforeSend: function(xhr) {
            xhr.withCredentials = true;
        }
    });
}

Les en-têtes liés à CORS renvoyés par la demande OPTIONS de Chrome sont les suivants:

Access-Control-Allow-Credentials:true
Access-Control-Allow-Headers:X-Requested-With, X-Prototype-Version, Content-Type, Origin, Allow
Access-Control-Allow-Methods:POST, GET, OPTIONS
Access-Control-Allow-Origin:http://192.168.0.5
Access-Control-Max-Age:1728000

Cependant, aucun cookie n'est envoyé à la demande GET.

jqueryhtmlgoogle-chromecors
54
jim_vx

Le problème était avec les appels jQuery - il semble que 1.5 withCredentials devrait être spécifié comme suit:

        $.ajax("http://localhost:3000/users/current", {
            type: "GET",
            contentType: "application/json; charset=utf-8",
            success: function(data, status, xhr) {
                hideAllContent();
                $("#sign_out_menu_item").show();
                $("#sign_in_menu_item").hide();
                $("#welcome").text("Welcome " + data["username"] + "!");
                $("#welcome").show();
            },
            xhrFields: {
                withCredentials: true
            },
            crossDomain: true
        });
75
jim_vx