Comment résoudre les erreurs « Les requêtes multi-origines ne sont prises en charge que pour HTTP » lors du chargement de fichiers locaux dans Three.js ?

Erreur d'origine croisée lors du chargement de fichiers locaux dans Three.js

Lors du chargement de modèles 3D locaux dans Three.js à l'aide de JSONLoader, les développeurs peuvent rencontrez l'erreur « Les requêtes d'origine croisée ne sont prises en charge que pour HTTP. » Cette erreur se produit lorsque des origines conflictuelles sont rencontrées.

Dans la plupart des cas, la cause sous-jacente est que le fichier est chargé à l'aide de file:// ou C:/, qui ne sont pas considérés comme des origines HTTP. Pour résoudre ce problème, il existe deux approches courantes :

1. Installer un serveur Web local : Installez un serveur Web sur votre ordinateur local et hébergez le modèle. Cela le rendra accessible à l'aide d'un protocole HTTP, permettant à Three.js de le charger correctement.
2. Télécharger le modèle sur un serveur : Téléchargez le modèle 3D sur un serveur et ajustez le code en fonction utilisez une URL de protocole HTTPS ou HTTP pour charger le modèle. Cette approche élimine le problème des origines croisées car l'origine correspond au domaine du serveur.

Il est important de noter que l'origine est définie par schéma, hôte et port. Par conséquent, même si le fichier provient du même hôte, la différence de schéma (par exemple, http ou fichier) fait qu'ils sont traités comme des origines différentes. En utilisant l'une des approches mentionnées, vous pouvez résoudre l'erreur d'origine croisée et charger avec succès votre modèle 3D local dans Three.js.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!