HTTP cross-origin 요청을 지원하지 않기 때문에 로컬 파일을 로드하려고 하면 오류가 발생합니다.

Question

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

"HTTP에 대한 교차 출처 요청만 지원됩니다." 오류가 발생하지만 원인이나 해결 방법을 모르겠습니다.

Answer 1

명확하게 말하자면, 예, 브라우저가 file://some/path/some.html

을 직접 가리킬 수 없다는 오류가 발생합니다.

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

파이썬 2

파이썬이 설치되어 있다면...

1. 명령 cd /path/to/your/folder将目录更改为文件some.html을 사용하거나 파일이 있는 폴더를 사용하세요

2. Python 웹 서버를 시작하려면 python -m SimpleHTTPServer

   명령을 사용하세요.

이렇게 하면 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 Gods에서는 이 언어도 효과가 있다고 말합니다:

으아악

PHP

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

으아악

Answer 2

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

를 사용하고 있다고 합니다.

따라서 로컬 PC에 웹 서버를 설치하거나 모델을 다른 곳에 업로드하고 jsonp를 사용하여 URL을 http://example.com/path/to/model로 변경할 수 있습니다

원산지는 RFC-6454에

로 정의되어 있습니다. 으아악

따라서 파일이 동일한 호스트(localhostlocalhost)，但只要方案不同 (http / file)에서 생성되더라도 구성표가 다르면(http

/ file🎜) 다른 출처로 간주됩니다. 🎜