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

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

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

当前回答

加载本地文件的一种方法是在项目文件夹中使用它们，而不是在项目文件夹之外。在您的项目示例文件下创建一个文件夹，类似于我们创建图像的方式，并替换其中使用完整的本地路径而不是项目路径的部分，并使用项目文件夹下的文件的相对url。这对我很有效

其他回答

科尔多瓦实现了这一点。我还是不明白科多瓦是怎么做到的。它甚至不通过shouldInterceptRequest。

后来我发现，从本地加载任何文件的关键是:myWebView.getSettings().setAllowUniversalAccessFromFileURLs(true);

当你想要访问任何http资源时，webview会用OPTIONS方法检查，你可以通过WebViewClient授予访问权限。shouldInterceptRequest通过返回一个响应，对于下面的GET/POST方法，您可以只返回null。

Url应该像这样:

 createUserURL = "http://www.localhost:3000/api/angular/users"

而不是:

 createUserURL = "localhost:3000/api/angular/users"

它只是说应用程序应该在web服务器上运行。我在chrome上也有同样的问题，我启动tomcat并将我的应用程序移动到那里，它工作了。

只是显式-是的，错误是说你不能将浏览器直接指向file://some/path/some.html

这里有一些选项可以快速启动本地web服务器，让浏览器呈现本地文件

Python 2

如果你安装了Python…

使用cd /path/to/your/folder命令将目录更改为文件some.html所在的文件夹使用Python -m SimpleHTTPServer命令启动一个Python web服务器

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

你可以使用自定义端口python -m SimpleHTTPServer 9000给你链接:http://localhost:9000

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

Python 3

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

VSCode

如果你正在使用Visual Studio Code，你可以安装Live Server扩展，它提供了一个本地web服务器环境。

node . js

或者，如果你需要一个更灵敏的设置，并且已经使用了nodejs…

通过输入npm Install -g http-server安装http-server 切换到你的工作目录，yoursome.html所在的目录通过发出http-server -c-1启动http服务器

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

Ruby

如果你的首选语言是Ruby…红宝石之神说这也管用:

ruby -run -e httpd . -p 8080

PHP

当然，PHP也有它的解决方案。

php -S localhost:8000

推荐文章