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

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

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

当前回答

我的水晶球显示，您正在使用文件://或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)，它们就被视为不同的起源。

其他回答

当我下载一个页面进行离线查看时，我就遇到了这种情况。

我只需要从所有<link>和<script>标签中删除integrity="*****"和crossorigin="anonymous"属性

如果你使用VS代码，试着在那里加载一个活动服务器。立即解决了我的问题。

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

错误:localhost: 8080

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

我的水晶球显示，您正在使用文件://或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。这样问题就解决了。

推荐文章