Ursprung ist nicht durch Access-Control-Allow-Origin erlaubt

Question

Ich mache einen Ajax.request zu einem entfernten PHP-Server in einer Sencha Touch 2-Anwendung (verpackt in PhoneGap).

Die Antwort des Servers lautet wie folgt:

XMLHttpRequest kann nicht geladen werden http://nqatalog.negroesquisso.pt/login.php. Ursprung http://localhost:8888 wird von Access-Control-Allow-Origin nicht zugelassen.

Wie kann ich dieses Problem beheben?

Answer 1

Wenn Sie eine Chrome-Erweiterung schreiben und diesen Fehler erhalten, stellen Sie sicher, dass Sie die Basis-URL der API zum manifest.json's Berechtigungsblock hinzugefügt haben, Beispiel:

"permissions": [
    "https://itunes.apple.com/"
]

Answer 2

Wenn Sie unter Apache sind, fügen Sie einfach eine .htaccess-Datei in Ihr Verzeichnis mit diesem Inhalt hinzu:

Header set Access-Control-Allow-Origin: *

Header set Access-Control-Allow-Headers: content-type

Header set Access-Control-Allow-Methods: *

Answer 3

Wenn du das in Angular.js bekommst, dann stelle sicher, dass du deine Portnummer so escapst:

var Project = $resource(
    'http://localhost\\:5648/api/...', {'a':'b'}, {
        update: { method: 'PUT' }
    }
);

Siehe hier für weitere Informationen dazu.

Answer 4

In Ruby on Rails, können Sie in einem Controller folgendes tun:

headers['Access-Control-Allow-Origin'] = '*'

Answer 5

Sie können es so einrichten, dass der Browser den Header Access-Control-Allow-Origin: * in den HTTP-Optionen-Antworten einschließt, ohne den Server zu ändern.

Verwenden Sie in Chrome diese Erweiterung. Wenn Sie Mozilla verwenden, überprüfen Sie diese Antwort.