Three.js를 사용하여 로컬 파일을 로드할 때 '교차 원본 요청은 HTTP에만 지원됩니다' 오류를 수정하는 방법은 무엇입니까?

Three.js로 로컬 파일 로드: Cross Origin 요청 문제 해결

JSONLoader를 사용하여 로컬 3D 모델을 Three.js로 로드하려고 할 때 , "교차 원본 요청은 HTTP에만 지원됩니다."라는 메시지가 나타날 수 있습니다. 오류. 이 오류는 로컬 파일과 웹 브라우저 간의 프로토콜 차이로 인해 발생합니다.

오류 원인

이 오류는 브라우저가 원본 간 요청을 제한하기 때문에 발생합니다. 기본적으로. 보안상의 이유로 웹사이트가 다른 출처의 리소스에 액세스하는 것을 방지합니다. 컴퓨터에서 로컬 파일을 로드할 때 브라우저는 해당 파일의 출처가 일반적으로 HTTP를 통해 제공되는 웹사이트와 다른 출처인 것으로 간주합니다.

오류 수정

이 오류를 해결하려면 다음 두 가지 옵션이 있습니다.

1. 로컬 설치 웹 서버:

   • XAMPP 또는 Apache와 같은 웹 서버를 로컬 컴퓨터에 설치하고 서버에서 3D 모델을 호스팅합니다.
   • JSONLoader의 URL을 다음으로 변경합니다. 당신의 모델 경로 webserver.

2. 원격으로 모델 업로드:

   • 3D 모델을 GitHub와 같은 원격 서버에 업로드합니다. AWS S3 또는 무료 호스팅 서비스.
   • JSONLoader의 URL을 다음으로 업데이트하세요. 원격 URL.

오리진 이해

오리진은 스키마, 호스트 및 포트의 조합으로 정의됩니다. 이 경우 구성표(HTTP/파일), 호스트(localhost) 및 포트(일반적으로 80)가 다릅니다. RFC-6454에 명시된 바와 같이: "...그들은 동일한 체계, 호스트 및 포트를 가지고 있습니다." 따라서 파일이 동일한 호스트에서 시작되더라도 구성표가 다르면 원본이 달라집니다.

이러한 솔루션을 따르면 로컬 3D 모델을 Three.js에 성공적으로 로드하고 "교차 원본 요청"을 피할 수 있습니다. HTTP에만 지원됩니다." 오류가 발생했습니다.

위 내용은 Three.js를 사용하여 로컬 파일을 로드할 때 '교차 원본 요청은 HTTP에만 지원됩니다' 오류를 수정하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!