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... फिर यह एक बग है जो मुझे लगता है ...

भले ही, यह रीढ़ की हड्डी का मुद्दा नहीं है, इसलिए मैं स्टैक ओवरफ्लो या आईआरसी पर पूछने का सुझाव देता हूं।

क्या आप मुझे समझा सकते हैं कि यह रीढ़ की हड्डी का मुद्दा क्यों नहीं है?

Backbone.sync ( http://backbonejs.org/docs/backbone.html#section-134 ) के स्रोत के माध्यम से पढ़ें और आप देखेंगे कि बैकबोन बस सब कुछ $.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() ... संग्रह। प्राप्त () भी अच्छी तरह से काम करता है, मुझे केवल मॉडल के साथ समस्या है। सहेजें () ...

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... फायरबग सबसे अच्छा नहीं है, क्रोम कंसोल ने मुद्रित किया है कि सामग्री-प्रकार की अनुमति नहीं है ...

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. जब एपीआई सर्वर प्रमाणीकरण के लिए cookies का उपयोग करता है, तो सर्वर में Access-Control-Allow-Credentials: true हेडर होना चाहिए। And off course you need to make a XHR request with withCredentials: true on client-side. और निश्चित रूप से आपको क्लाइंट-साइड पर withCredentials: true के साथ एक्सएचआर अनुरोध करने की आवश्यकता है। 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 फ़ायरबग से बेहतर त्रुटि संदेश देने वाले क्रोम के बारे में टिप्पणी के लिए बहुत बहुत धन्यवाद! 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

अगर किसी और को यह समस्या हो रही है तो मुझे एक्सेस-कंट्रोल-अनुमति-विधियों की मेरी सूची में "एक्स-एचटीटीपी-विधि-ओवरराइड" जोड़ना पड़ा, जिसका उपयोग तब किया जाता है जब आप बैकबोन.एमुलेट एचटीटीपी = सत्य सेट करते हैं।