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

Question

我正在尝试使用将3D模型加载到Three.js中JSONLoader，并且该3D模型与整个网站位于同一目录中。

我遇到了"Cross origin requests are only supported for HTTP."错误，但是我不知道是什么原因引起的，也不知道如何解决。

Answer 1

我的crystal ball说您正在使用file://或加载模型C:/，这对错误消息保持正确，因为它们不是http://

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

起源在RFC-6454中定义为

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

因此，即使您的文件来自同一主机（localhost），但是只要方案不同（http/ file），它们都将被视为不同的来源。