찾다

 >  Q&A  >  본문

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

<p><code>JSONLoader</code>를 사용하여 내 컴퓨터의 전체 웹사이트와 동일한 디렉터리에 저장된 3D 모델을 Three.js로 로드하려고 합니다. </p> <p><code>"교차 출처 요청은 HTTP 프로토콜만 지원합니다."</code> 오류가 발생했지만 원인이나 해결 방법을 모르겠습니다. </p>
P粉680487967P粉680487967463일 전572

모든 응답(2)나는 대답할 것이다

  • P粉415632319

    P粉4156323192023-08-22 10:36:26

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

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

    파이썬 2

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

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

      를 사용하세요.
    2. python -m SimpleHTTPServer

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

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

    1. 맞춤 포트를 사용할 수 있습니다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에도 솔루션이 있습니다.

    으아악

    회신하다
    0
  • P粉436688931

    P粉4366889312023-08-22 10:26:48

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

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

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

    사용할 수 있습니다.

    원본은 RFC-6454

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

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

    회신하다
    0
  • 취소회신하다