我试图加载一个3D模型，存储在我的电脑本地，到Three.js与JSONLoader, 3D模型是在同一目录下，作为整个网站。
我得到了“跨起源请求只支持HTTP.”错误，但我不知道是什么原因导致它也不知道如何修复它。
当前回答
如果你使用旧版本的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)，它们就被视为不同的起源。
只需将url更改为http://localhost而不是localhost。如果你从本地打开html文件，你应该创建一个本地服务器来服务该html文件，最简单的方法是使用Web server for Chrome。这样问题就解决了。
简单的解决方案，谁使用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]
希望它能帮助到别人:)
加载本地文件的一种方法是在项目文件夹中使用它们，而不是在项目文件夹之外。在您的项目示例文件下创建一个文件夹，类似于我们创建图像的方式，并替换其中使用完整的本地路径而不是项目路径的部分，并使用项目文件夹下的文件的相对url。 这对我很有效
我怀疑在一些答案中已经提到了它，但我将稍微修改一下，以获得完整的工作答案(更容易找到和使用)。
访问:https://nodejs.org/en/download/。安装nodejs。 通过命令提示符npm Install -g http-server安装http-server。 切换到你的工作目录，index.html/yoursome.html所在的目录。 运行http-server -c-1命令启动http服务器
打开网络浏览器http://localhost:8080 或http://localhost:8080/yoursome.html -取决于您的HTML文件名。
