Wie behebe ich den Fehler „Cross-Origin-Anfragen werden nur für HTTP unterstützt' beim Laden lokaler Dateien in Three.js?

Cross-Origin-Fehler beim Laden lokaler Dateien in Three.js

Beim Laden lokaler 3D-Modelle in Three.js mit JSONLoader kann es zu Fehlern bei Entwicklern kommen Es kommt der Fehler „Cross-Origin-Anfragen werden nur für HTTP unterstützt.“ Dieser Fehler tritt auf, wenn widersprüchliche Ursprünge gefunden werden.

In den meisten Fällen liegt die zugrunde liegende Ursache darin, dass die Datei entweder über file:// oder C:/ geladen wird, die nicht als HTTP-Ursprünge gelten. Um dieses Problem zu lösen, gibt es zwei gängige Ansätze:

1. Installieren Sie einen lokalen Webserver:Installieren Sie einen Webserver auf Ihrem lokalen Computer und hosten Sie das Modell. Dadurch wird es über ein HTTP-Protokoll zugänglich gemacht, sodass Three.js es korrekt laden kann.
2. Modell auf einen Server hochladen:Laden Sie das 3D-Modell auf einen Server hoch und passen Sie den Code an Verwenden Sie zum Laden des Modells eine HTTPS- oder HTTP-Protokoll-URL. Dieser Ansatz beseitigt das Cross-Origin-Problem, da der Ursprung mit der Domäne des Servers übereinstimmt.

Es ist wichtig zu beachten, dass der Ursprung durch Schema, Host und Port definiert wird. Selbst wenn die Datei vom selben Host stammt, führt der Unterschied im Schema (z. B. http vs. Datei) dazu, dass sie als unterschiedliche Ursprünge behandelt werden. Mit einem der genannten Ansätze können Sie den Cross-Origin-Fehler beheben und Ihr lokales 3D-Modell erfolgreich in Three.js laden.

Das obige ist der detaillierte Inhalt vonWie behebe ich den Fehler „Cross-Origin-Anfragen werden nur für HTTP unterstützt' beim Laden lokaler Dateien in Three.js?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!