Three.js에서 로컬 파일을 로드할 때 'Cross-Origin 요청은 HTTP에만 지원됩니다' 오류를 해결하는 방법은 무엇입니까?

Three.js에서 로컬 파일을 로드할 때 교차 원본 오류가 발생합니다.

JSONLoader를 사용하여 로컬 3D 모델을 Three.js로 로드할 때 개발자는 다음과 같은 문제가 발생할 수 있습니다. "교차 원본 요청은 HTTP에만 지원됩니다." 오류가 발생합니다. 이 오류는 원본이 충돌하는 경우 발생합니다.

대부분의 경우 기본 원인은 파일이 HTTP 원본으로 간주되지 않는 file:// 또는 C:/를 사용하여 로드되기 때문입니다. 이 문제를 해결하려면 두 가지 일반적인 접근 방식이 있습니다.

1. 로컬 웹 서버 설치: 로컬 컴퓨터에 웹 서버를 설치하고 모델을 호스팅합니다. 이렇게 하면 HTTP 프로토콜을 사용하여 액세스할 수 있게 되어 Three.js가 올바르게 로드할 수 있습니다.
2. 서버에 모델 업로드: 3D 모델을 서버에 업로드하고 코드를 조정하여 모델을 로드하려면 HTTPS 또는 HTTP 프로토콜 URL을 사용하세요. 이 접근 방식은 원본이 서버의 도메인과 일치하므로 원본 간 문제를 제거합니다.

원본은 구성표, 호스트 및 포트로 정의된다는 점에 유의하는 것이 중요합니다. 따라서 파일이 동일한 호스트에서 시작되더라도 구성표(예: http 대 파일)의 차이로 인해 서로 다른 원본으로 처리됩니다. 언급된 접근 방식 중 하나를 사용하면 원본 간 오류를 해결하고 로컬 3D 모델을 Three.js에 성공적으로 로드할 수 있습니다.

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