Der Zugriff auf das Image vom Ursprung 'null' wurde von der CORS-Richtlinie blockiert

12

Ich habe JavaScript-Anwendung in OpenLayers 3, und meine Basisschicht wird aus lokalen Kacheln erstellt. Ich arbeite nur in meinem Computer, deshalb weiß ich nicht, warum ich einen CORS-Fehler habe.

%Vor%

Fehlermeldung von der Konsole:

  

Zugriff auf Image bei file:///E:/Maperitive/Tiles/vychod/10/573/352.png von Ursprung null wurde durch die CORS-Richtlinie blockiert: Ungültige Antwort. Origin null ist daher nicht erlaubt.

Wenn ich auf die Bild-URL doppelklicke, wird das Bild geöffnet. Irgendwelche Ideen was ist falsch? Ich hatte diesen Fehler nie zuvor.

    
Denis Stephanov 31.01.2017, 18:37
quelle

4 Antworten

5

Unter dem Deckblatt wird eine Form von URL-Ladeanfrage sein. Sie können Bilder oder andere Inhalte über diese Methode nicht von einem lokalen Dateisystem laden.

Ihr Bild muss über einen Webserver geladen werden, auf den über eine entsprechende http-URL zugegriffen wird.

    
Kit 31.01.2017 18:42
quelle
3

Sie stoßen auf einen CORS-Fehler.

Der Zugriff auf Ihre Datei mit dem lokalen Dateisystem funktioniert in Ihrem Fall nicht.

Origin ist null, weil es Ihr lokales Dateisystem ist. Könnten Sie diese PNG-Datei möglicherweise hosten

?

Vorschlag:

Hosten Sie diese Dateien stattdessen in einem AWS S3-Bucket. Dann können Sie das Protokoll http anstelle des Protokolls file verwenden. ODER richten Sie einen http-Server auf Ihrem lokalen System ein und verwenden Sie http zu Ihrem localhost , um die Dateien zu liefern, wenn Sie alles lokal behalten wollen.

Mehr lesen:

Wie CORS funktioniert

    
Jeremy Iglehart 31.01.2017 18:49
quelle
2

Versuchen Sie, CORS zu umgehen:

Für Chrome: Bearbeiten Sie die Verknüpfung oder mit cmd: C: \ Chrome.exe --disable-web-security

Für Firefox: Öffne Firefox und tippe about: config in die URL-Leiste. Suche nach: security.fileuri.strict_origin_policy auf false gesetzt

    
S. R. 01.02.2017 12:45
quelle
0

Das Problem wurde tatsächlich gelöst, indem crossOrigin: null für die OpenLayers OSM-Quelle bereitgestellt wurde:

%Vor%     
Sadjad Esfandiari 20.01.2018 09:44
quelle