Backbone: CORS 동기화는 POST 대신 OPTIONS 요청을 보냅니다.

Look up how CORS works -- this is the expected "preflight" request CORS 작동 방식 찾아보기 -- 예상되는 "실행 전" 요청입니다.

https://developer.mozilla.org/en-US/docs/HTTP/Access_control_CORS#Preflighted_requests https://developer.mozilla.org/en-US/docs/HTTP/Access_control_CORS#Preflighted_requests

이 비행 요청을 어떻게 피할 수 있습니까?

https://developer.mozilla.org/en-US/docs/HTTP/Access_control_CORS#Simple_requests 에 정의된 대로 "단순한 요청"만 보내십시오.

I tried this on server side to handle preflight calls: 실행 전 호출을 처리하기 위해 서버 측에서 이것을 시도했습니다.

header('Access-Control-Allow-Origin: *');
header('Access-Control-Allow-Headers: X-Requested-With');
header('Access-Control-Allow-Methods: POST, GET, PUT, DELETE, OPTIONS');

but did not work, the browser does not send another request after the preflight... 하지만 작동하지 않았고, 브라우저는 프리플라이트 후 다른 요청을 보내지 않습니다...

So you say that it is not possible with backbone.sync? 그래서 backbone.sync로는 불가능하다는 말씀이신가요?
Then it is a bug I think... 그렇다면 버그라고 생각합니다...

그럼에도 불구하고 이것은 백본 문제가 아니므로 Stackoverflow 또는 IRC에 질문하는 것이 좋습니다.

이것이 왜 백본 문제가 아닌지 설명해 주시겠습니까?

Backbone.sync의 소스( http://backbonejs.org/docs/backbone.html#section-134 )를 읽으면 Backbone이 모든 것을 $.ajax로 전달하는 것을 볼 수 있습니다.

@inf3rno try this one. @inf3rno 이것을 시도하십시오.

header('Access-Control-Allow-Origin: *');
header('Access-Control-Allow-Headers: Content-Type');
header('Access-Control-Allow-Methods: POST');

This isn't Backbone issue at all. 이것은 전혀 백본 문제가 아닙니다.

These are my original headers without php: 다음은 PHP가 없는 원래 헤더입니다.

HTTP/1.1 200 OK
Cache-Control: max-age=0, no-cache, no-store, must-revalidate
Pragma: no-cache
Content-Type: text/html
Expires: Wed, 11 Jan 1984 05:00:00 GMT
Server: Microsoft-IIS/7.5
X-Powered-By: PHP/5.3.8, ASP.NET
access-control-allow-origin: http://x.y.loc
Access-Control-Allow-Methods: POST, GET, PUT, DELETE, OPTIONS
Date: Fri, 17 May 2013 01:33:02 GMT
Content-Length: 0

I think my server is well configured, but I tried out the headers you gave, and they did not work... 제 서버가 잘 구성되어 있는 것 같은데 알려주신 헤더를 해봤는데 안되네요...

Simple $.ajax calls work well, for example I load json files from the service with this: 간단한 $.ajax 호출은 잘 작동합니다. 예를 들어 다음과 같이 서비스에서 json 파일을 로드합니다.

define(function (require, exports, module) {
    var $ = require("jquery");

    module.exports = {
        load: function (name, _require, load, config) {
            var params = name.split("|");
            var method, url;
            if (params.length == 1) {
                method = "GET";
                url = params[0];
            }
            else {
                method = params[0];
                url = params[1];
            }
            $.ajax({
                url: url,
                type: method,
                dataType: "json"
            }).success(load).error(function (xhr, status, error) {
                    throw error;
                });
        }
    };

});

I tried out this with any request method, and they responded well... 나는 이것을 어떤 요청 방법으로 시도했고 그들은 잘 응답했습니다 ...

The collection.fetch() works well too, I have problems only with the model.save() ... collection.fetch()도 잘 작동합니다. model.save()에만 문제가 있습니다 ...

I tried it this way, maybe I'm doing something wrong: 나는 이것을 이런 식으로 시도했는데, 아마도 내가 잘못하고 있는 것일 수 있다.

        var User = Backbone.Model.extend({
            urlRoot: Application.service.Authorization.User.create.url
        });
        var form = new UserForm({
            model: new User({
                email: "[email protected]",
                name: "test"
            })
        }).render();
        form.on("submit", function (user) {
            console.log(user.attributes);
            user.save(null, {
                success: function (model, response, options) {
                    console.log("success");
                },
                error: function (model, xhr, options) {
                    console.log("error");
                }
            });
        });

I got the attributes and "error" in console. 콘솔에 속성과 "오류"가 있습니다. I'll check what kind of error is.. 어떤 오류인지 확인하겠습니다..

You were right, thanks! 당신이 옳았습니다. 감사합니다! I added to server config the allow content-type, and it works now. 서버 구성에 콘텐츠 유형 허용을 추가했는데 이제 작동합니다. Firebug is not the best, the Chrome console printed that the content-type is not allowed... Firebug가 최고가 아니며 Chrome 콘솔에서 콘텐츠 유형이 허용되지 않는다고 인쇄했습니다...

Many tanks! 많은 탱크! :D :디

GET and POST requests requires quite different headers. GET 및 POST 요청에는 상당히 다른 헤더가 필요합니다. When the API server uses cookies for authentication, the server should have Access-Control-Allow-Credentials: true header. API 서버가 인증을 위해 cookies 를 사용하는 경우 서버에는 Access-Control-Allow-Credentials: true 헤더가 있어야 합니다. And off course you need to make a XHR request with withCredentials: true on client-side. 물론 클라이언트 측에서 withCredentials: true 로 XHR 요청을 해야 합니다. When the API server uses Authorization header for BasicAuth request, you don't need withCredential . API 서버가 BasicAuth 요청에 Authorization 헤더를 사용하는 경우 withCredential 필요하지 않습니다. Instead, the Access-Control-Allow-Headers need to include Authorization in this case, just like 대신 Access-Control-Allow-Headers Authorization 를 포함해야 합니다.

header('Access-Control-Allow-Headers: Authorization, Content-Type');

Ah, it seems you solved the issue while I'm writing this. 아, 이 글을 쓰는 동안 문제를 해결하신 것 같습니다.

네, 어쨌든 감사합니다. 많은 도움이 되었습니다!

@inf3rno Thanks so much for the comment about Chrome giving better error messages than Firebug! @inf3rno Firebug보다 더 나은 오류 메시지를 제공하는 Chrome에 대한 의견을 보내주셔서 감사합니다! That helped us solve the problem. 문제를 해결하는 데 도움이 되었습니다.

You're welcome! 천만에요! :-) :-)

Can someone please help on this issue? 누군가이 문제에 대해 도움을 줄 수 있습니까? http://stackoverflow.com/questions/32725249/cors-filter-issue-for-authentrypoint http://stackoverflow.com/questions/32725249/cors-filter-issue-for-authentrypoint

다른 사람이 이 문제를 겪고 있는 경우를 대비하여 Backbone.emulateHTTP = true로 설정할 때 사용되는 Access-Control-Allow-Method 목록에 "x-http-method-override"를 추가해야 했습니다.