加载本地文件时出现“跨源请求仅支持HTTP.”错误

我试图加载一个3D模型，存储在我的电脑本地，到Three.js与JSONLoader, 3D模型是在同一目录下，作为整个网站。

我得到了“跨起源请求只支持HTTP.”错误，但我不知道是什么原因导致它也不知道如何修复它。

当前回答

简单的解决方案，谁使用VS Code

我得到这个错误已经有一段时间了。大多数答案都是可行的。但我找到了一个不同的解决方案。如果你不想处理node.js或任何其他解决方案在这里，你正在使用一个HTML文件(从另一个js文件调用函数或获取json api的)尝试使用Live Server扩展。

它允许您轻松地打开一个活动服务器。因为它创建了本地主机服务器，所以问题得到了解决。您可以通过打开HTML文件并右键单击编辑器并单击open with Live Server来启动localhost。

它基本上使用http://localhost/index.html加载文件，而不是使用file://....

EDIT

不需要有.html文件。您可以使用快捷方式启动活动服务器。

按(alt+L, alt+O)打开服务器，按(alt+L, alt+C)停止服务器。[在MAC上，cmd+L, cmd+O和cmd+L, cmd+C]

希望它能帮助到别人:)

其他回答

如果您正在搜索Firebase托管的解决方案，则可以运行

firebase serve——firebase命令行的唯一托管命令

这就是我来这里的目的，所以我想我就把它留在这里帮忙吧。

我也能够在使用以下href的锚标记时重新创建此错误消息:

<a href="javascript:">示例:一个标签</a> .

在我的情况下，一个标签被用来获得“指针光标”和事件实际上是由一些jQuery点击事件控制。我删除了href并添加了一个应用的类:

光标:指针;

如果你使用旧版本的Mozilla Firefox(2019年之前)，它会像预期的那样工作，没有任何问题;

附言:令人惊讶的是，旧版本的ie和Edge也能正常工作。

我的水晶球显示，您正在使用文件://或C:/加载模型，这对错误消息保持真实，因为它们不是http://

因此，您可以在本地PC上安装web服务器，也可以将模型上传到其他地方，使用jsonp并将url更改为http://example.com/path/to/model

RFC-6454中将Origin定义为

   ...they have the same
   scheme, host, and port.  (See Section 4 for full details.)

因此，即使您的文件起源于同一主机(localhost)，但只要方案不同(http / file)，它们就被视为不同的起源。

使用http://或https://创建url

错误:localhost: 8080

解决方案:http://localhost: 8080

推荐文章