Backbone.js wird keine Cross-Host-Anfragen stellen?

Question

Ich habe in meiner Chrome-Konsole mit Backbone gespielt und bin auf ein domänenübergreifendes Problem gestoßen, das ich nicht herausfinden kann.

Gastgeber Ich verbinde vermutlich korrekt implementiert CORS weil eine rohe XHR Anfrage die erwartete JSON zurückgibt:

var http = new XMLHttpRequest(); 
http.open('GET', 'http://example.com:3000/entities/item/15.json', true); 
http.onreadystatechange = function(evt) { console.log(evt); } 
http.send(); 

(Protokolle 3 XHR Fortschritt Ereignisse auf der Konsole mit den richtigen Daten in der Antwort)

Aber wenn ich folgend mit Backbone tun hat der Browser es nicht mag:

var Item = Backbone.Model.extend({}); 
var ItemsCollection = Backbone.Collection.extend({ 
    model: Item, 
    url: 'http://example.com:3000/entities/item/' 
}); 
var items = new ItemsCollection(); 
items.fetch(); 

(kehrt XMLHttpRequest cannot load http://example.com:3000/entities/item/. Origin http://localhost:8000 is not allowed by Access-Control-Allow-Origin.)

Gibt es irgendetwas, was ich tun muss, um Backbone zu sagen, dass es mit CORS arbeiten soll? Dieser Fehler scheint aufgetreten zu sein, bevor der Browser überhaupt eine Anfrage gestellt hat, also glaube ich nicht, dass es sich um einen Serverkonfigurationsfehler handelt.

Answer 1

Ich hoffe, dass einer von ihnen hilft (ich noch nicht versucht):
1. Overriding Backbone.js sync to allow Cross Origin

(function() { 
    var proxiedSync = Backbone.sync; 
    Backbone.sync = function(method, model, options) { 
    options || (options = {}); 
    if (!options.crossDomain) { 
     options.crossDomain = true; 
    } 
    if (!options.xhrFields) { 
     options.xhrFields = {withCredentials:true}; 
    } 
    return proxiedSync(method, model, options); 
    }; 
})(); 

2. Cross domain CORS support for backbone.js

$.ajaxPrefilter(function(options, originalOptions, jqXHR) { 
    options.crossDomain ={ 
     crossDomain: true 
    }; 
    options.xhrFields = { 
     withCredentials: true 
    }; 
}); 

Answer 2

Es stellt sich die URLs heraus, dass ich mit anforderte Das Backbone war etwas anders als das, das über das XHR angefordert wurde (ihnen fehlte ein Queryarg). Dies verursachte den Server 500, der die CORS-Header nicht aufweist. Chrome hat die HTTP-Anfrage im Netzwerk-Tab des Debug-Panels überhaupt nicht angezeigt, daher war ich sehr verwirrt.

Das Reparieren der 500 auf dem Server hat dies wieder funktioniert.

Answer 3

hey können Sie so etwas wie verwenden:

var PostsCollection = Backbone.Collection.extend({ 
    initialize: function(models, options) { 
    //this.id = options.id; 
    }, 
    url: 'http://myapi/api/get_posts/?count=8', 
}); 

posts = new PostsCollection(); 
posts.fetch({ 
    dataType: 'jsonp', 
    success : function (data) { 
    console.log(data); 
    } 
}); 

der Schlüssel wir verwenden 'JSONP' ist, müssen