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

Ich habe vor einer Weile einen Artikel zu diesem Thema geschrieben, Cross-Domain-AJAX.

Der einfachste Weg, dies zu handhaben, wenn Sie die Kontrolle über den antwortenden Server haben, besteht darin, einen Antwortheader für hinzuzufügen:

Access-Control-Allow-Origin: *

Dadurch wird Cross-Domain-Ajax ermöglicht. In PHP möchten Sie die Antwort wie folgt ändern:

Sie können einfach die Header set Access-Control-Allow-Origin * Einstellung in der Apache-Konfiguration oder der htaccess-Datei platzieren.

Zu beachten ist, dass dies den CORS-Schutz effektiv deaktiviert, was sehr wahrscheinlich Ihre Benutzer Angriffen aussetzt. Wenn Sie nicht explizit wissen, dass Sie ein Platzhalterzeichen verwenden müssen, sollten Sie es nicht verwenden, sondern stattdessen Ihre spezifische Domain in die Whitelist aufnehmen:

Answer 2

Wenn Sie keine Kontrolle über den Server haben, können Sie einfach dieses Argument zu Ihrem Chrome-Starter hinzufügen: --disable-web-security.

Beachten Sie, dass ich dies nicht für normales "Surfen im Internet" verwenden würde. Zur Referenz siehe diesen Beitrag: Same-Origin-Richtlinie in Chrome deaktivieren.

Wenn Sie Phonegap verwenden, um die Anwendung tatsächlich zu erstellen und auf das Gerät zu laden, wird dies kein Problem sein.

Answer 3

Wenn Sie Apache verwenden, fügen Sie einfach hinzu:

    Header set Access-Control-Allow-Origin: *

in Ihre Konfiguration. Dadurch können alle Antworten Ihres Webservers von jeder anderen Website im Internet aus abgerufen werden. Wenn Sie nur zulassen möchten, dass Dienste auf Ihrem Host von einem bestimmten Server verwendet werden, können Sie das * durch die URL des Ursprungsservers ersetzen:

Header set Access-Control-Allow-Origin: http://my.origin.host

Answer 4

Wenn Sie eine ASP.NET / ASP.NET MVC -Anwendung haben, können Sie diesen Header über die Web.config-Datei einbinden:

  ...

Answer 5

Dies war die erste Frage/Antwort, die für mich aufpoppte, als ich versuchte, das gleiche Problem mit ASP.NET MVC als Datenquelle zu lösen. Mir ist bewusst, dass dies die PHP Frage nicht löst, aber es ist verwandt genug, um wertvoll zu sein.

Ich benutze ASP.NET MVC. Der Blog-Beitrag von Greg Brant hat bei mir funktioniert. Letztendlich erstellen Sie ein Attribut, [HttpHeaderAttribute("Access-Control-Allow-Origin", "*")], das Sie zu Controller-Aktionen hinzufügen können.

Zum Beispiel:

public class HttpHeaderAttribute : ActionFilterAttribute
{
    public string Name { get; set; }
    public string Value { get; set; }
    public HttpHeaderAttribute(string name, string value)
    {
        Name = name;
        Value = value;
    }

    public override void OnResultExecuted(ResultExecutedContext filterContext)
    {
        filterContext.HttpContext.Response.AppendHeader(Name, Value);
        base.OnResultExecuted(filterContext);
    }
}

Und dann verwenden Sie es mit:

[HttpHeaderAttribute("Access-Control-Allow-Origin", "*")]
public ActionResult MyVeryAvailableAction(string id)
{
    return Json( "Einige öffentliche Ergebnisse" );
}