Der umgeschriebene Titel lautet: Beim Laden lokaler Dateien wird die Fehlermeldung „Domänenübergreifende Anforderungen unterstützen nur HTTP' angezeigt
P粉680487967
P粉680487967 2023-08-21 14:43:40
0
2
482

Ich versuche, mit JSONLoader ein 3D-Modell, das auf meinem Computer im selben Verzeichnis wie die gesamte Website gespeichert ist, in Three.js zu laden.

Ich habe den Fehler "Cross-Origin-Anfragen unterstützen nur das HTTP-Protokoll" festgestellt, weiß aber nicht, was ihn verursacht oder wie ich ihn beheben kann.

P粉680487967
P粉680487967

Antworte allen (2)
P粉415632319

明确一点 - 是的,错误是说您不能直接在浏览器中指向file://some/path/some.html

以下是一些快速启动本地Web服务器以让您的浏览器呈现本地文件的选项

Python 2

如果您已经安装了Python...

  1. 使用命令cd /path/to/your/folder进入包含您的文件some.html或文件的文件夹

  2. 使用命令python -m SimpleHTTPServer启动Python Web服务器

这将在http://localhost:8000上启动一个Web服务器来托管您的整个目录列表

  1. 您可以使用自定义端口python -m SimpleHTTPServer 9000,链接为:http://localhost:9000

这种方法已内置在任何Python安装中。

Python 3

执行相同的步骤,但使用以下命令:python3 -m http.server

VSCode

如果您使用的是Visual Studio Code,您可以安装Live Server扩展,该扩展提供了一个本地Web服务器环境。

Node.js

或者,如果您需要一个更灵敏的设置并且已经使用nodejs...

  1. 通过输入npm install -g http-server安装http-server

  2. 切换到包含some.html的工作目录

  3. 通过发出http-server -c-1启动您的http服务器

这将启动一个Node.js httpd,将您目录中的文件作为静态文件提供,可以从http://localhost:8080访问

Ruby

如果您的首选语言是Ruby ... Ruby之神说这也可以:

ruby -run -e httpd . -p 8080

PHP

当然,PHP也有解决方案。

php -S localhost:8000
    P粉436688931

    我的水晶球告诉我,你正在使用file://C:/加载模型,这符合错误信息,因为它们不是http://

    所以你可以在本地计算机上安装一个Web服务器,或者将模型上传到其他地方,并使用jsonp并将URL更改为http://example.com/path/to/model

    RFC-6454中定义了起源

    ...它们具有相同的 方案、主机和端口。(有关详细信息,请参见第4节。)

    所以即使你的文件来源于相同的主机(localhost),但只要方案不同(http/file),它们被视为不同的起源。

      Neueste Downloads
      Mehr>
      Web-Effekte
      Quellcode der Website
      Website-Materialien
      Frontend-Vorlage
      Über uns Haftungsausschluss Sitemap
      Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!