programing

CORS 요청-쿠키가 전송되지 않는 이유는 무엇입니까?

firstcheck 2021. 1. 15. 08:16
반응형

CORS 요청-쿠키가 전송되지 않는 이유는 무엇입니까?


성공적으로 사전 비행되는 교차 도메인 AJAX GET이 있지만 쿠키가 GET 요청에 연결되지 않습니다. 사용자가 로그인 버튼을 클릭하면 사용자를 로그인하기위한 POST가 수행되며, 이는 도메인 간 올바르게 작동합니다. JavaScript는 다음과 같습니다.

        $.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
            }
        });

응답 헤더에는 쿠키가 포함됩니다.

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

로그인이 성공하면 현재 사용자의 세부 정보를 가져 오기 위해 JavaScript GET 요청이 수행됩니다.

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;
        }
    });
}

Chrome의 OPTIONS 요청에서 반환 된 CORS 관련 헤더는 다음과 같습니다.

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

그러나 GET 요청에는 쿠키가 전송되지 않습니다.


문제는 jQuery 호출과 관련이 있습니다. 1.5 withCredentials를 다음과 같이 지정해야합니다.

        $.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
        });

참조 URL : https://stackoverflow.com/questions/8863571/cors-request-why-are-the-cookies-not-sent

반응형