Website mit XAMPP testen - CORS Problem

  • Hallo Zusammen,


    ich habe mir eine eigene kleine online Karte mithilfe von leaflet gebastelt. Mittlerweile sind einige Funktionen hinzugekommen und ich möchte die Funktionalität weiter ausbauen. Daher möchte ich gerne XAMPP nutzen um die Website (bestehend aus HTML, CSS und JavaScript Daten) lokal laufen zu lassen und um nicht immer die geänderten Daten hochladen zu müssen.


    XAMPP läuft soweit auch, allerdings habe ich das Problem, dass sämtliche Browser lokal eingeladene Daten blockieren. Sie werden einfach nicht geladen. In der Console erscheint folgende Meldung:


    Code
    leaflet-omnivore.min.js:1 Access to XMLHttpRequest at 'file:///DATEIPFAD' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.


    Gibt es dafür eine Lösung? Habe schon versucht CORS in Chrome zu deaktivieren... Leider ohne Lösung.

  • Du schreibst zwar, dass XAMPP läuft, aber dieses: 'file:///DATEIPFAD' zeigt, dass Du deine Seite am Server vorbei geöffnet hast, vermutlich durch Doppelklick oder "Datei - Öffnen". Die Lösung steht in der Fehlermeldung: "Cross origin requests are only supported for protocol schemes: http". Die URL muss dann so aussehen:

    http://localhost:8080/dateiname.html

    wobei 8080 der Port ist. Wie dieser bei XAMPP lautet, weiß ich nicht. Und die HTML-Datei muss im Verzeichnis htdocs des Servers liegen.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!