다시 작성된 제목은 다음과 같습니다. "교차 도메인 요청은 HTTP만 지원합니다." 로컬 파일을 로드할 때 발생하는 오류 메시지

Question

JSONLoader를 사용하여 내 컴퓨터의 전체 웹사이트와 동일한 디렉터리에 저장된 3D 모델을 Three.js로 로드하려고 합니다.

"교차 출처 요청은 HTTP 프로토콜만 지원합니다." 오류가 발생했지만 원인이나 해결 방법을 모르겠습니다.

Answer 1

분명히 말씀드리자면, 예, 브라우저에서 직접 가리킬 수 없다는 오류가 발생합니다 file://some/path/some.html

다음은 브라우저가 로컬 파일을 렌더링할 수 있도록 로컬 웹 서버를 빠르게 시작하는 몇 가지 옵션입니다

파이썬 2

이미 Python이 설치되어 있다면...

1. 명령어 cd /path/to/your/folder进入包含您的文件some.html 또는 파일 폴더

   를 사용하세요.

2. python -m SimpleHTTPServer

   명령을 사용하여 Python 웹 서버를 시작하세요.

전체 디렉토리 목록을 호스팅하기 위해 http://localhost:8000에서 웹 서버가 시작됩니다

3. 맞춤 포트를 사용할 수 있습니다python -m SimpleHTTPServer 9000，链接为：http://localhost:9000

이 방법은 모든 Python 설치에 내장되어 있습니다.

파이썬 3

동일한 단계를 따르되 다음 명령을 사용하십시오: python3 -m http.server

VSCode

Visual Studio Code를 사용하는 경우 로컬 웹 서버 환경을 제공하는 Live Server 확장 프로그램을 설치할 수 있습니다.

Node.js

또는 더 반응성이 뛰어난 설정이 필요하고 이미 nodejs를 사용하고 있는 경우...

1. 입력하여 npm install -g http-server安装http-server

2. some.html

   이 포함된 작업 디렉터리로 전환합니다.

3. http-server -c-1

   를 실행하여 http 서버를 시작하세요.

이렇게 하면 디렉터리의 파일을 http://localhost:8080

에서 액세스할 수 있는 정적 파일로 제공하는 Node.js httpd가 시작됩니다.

루비

선호하는 언어가 Ruby라면... Ruby 신들은 이것도 효과가 있다고 말합니다:

으아악

PHP

물론 PHP에도 솔루션이 있습니다.

으아악

Answer 2

내 수정구슬이 당신이 file://或C:/加载模型，这符合错误信息，因为它们不是http://

를 사용하고 있다고 알려줍니다.

따라서 로컬 컴퓨터에 웹 서버를 설치하거나 다른 곳에 모델을 업로드하고 jsonp并将URL更改为http://example.com/path/to/model

사용할 수 있습니다.

원본은 RFC-6454

에 정의되어 있습니다. 으아아아

따라서 파일이 동일한 호스트(localhost），但只要方案不同（http / file)에서 생성되더라도 원본이 다른 것으로 간주됩니다.