我试图加载一个3D模型，存储在我的电脑本地，到Three.js与JSONLoader, 3D模型是在同一目录下，作为整个网站。
我得到了“跨起源请求只支持HTTP.”错误，但我不知道是什么原因导致它也不知道如何修复它。
当前回答
对我来说，最快的方法是: 对于windows用户在Firefox上运行文件的问题解决了，或者 如果你想使用chrome，对我来说最简单的方法是安装Python 3，然后从命令提示符运行命令Python -m http。服务器，然后访问http://localhost:8000/，然后导航到您的文件
python -m http.server
其他回答
今天碰到了这个。
我写了一些像这样的代码:
app.controller('ctrlr', function($scope, $http){
$http.get('localhost:3000').success(function(data) {
$scope.stuff = data;
});
});
.．.但它应该是这样的:
app.controller('ctrlr', function($scope, $http){
$http.get('http://localhost:3000').success(function(data) {
$scope.stuff = data;
});
});
唯一的区别是第二段代码中没有http://。
只是想把它放出来，以防其他人有类似的问题。
Url应该像这样:
createUserURL = "http://www.localhost:3000/api/angular/users"
而不是:
createUserURL = "localhost:3000/api/angular/users"
科尔多瓦实现了这一点。我还是不明白科多瓦是怎么做到的。它甚至不通过shouldInterceptRequest。
后来我发现，从本地加载任何文件的关键是:myWebView.getSettings().setAllowUniversalAccessFromFileURLs(true);
当你想要访问任何http资源时，webview会用OPTIONS方法检查，你可以通过WebViewClient授予访问权限。shouldInterceptRequest通过返回一个响应，对于下面的GET/POST方法，您可以只返回null。
为java安装本地web服务器，例如Tomcat，对于php，您可以使用lamp等 将json文件放到公共可访问的应用服务器目录中 启动应用程序服务器，您应该能够从localhost访问该文件
如果您坚持在本地运行.html文件，而不是将其与web服务器一起提供，那么您可以通过使有问题的资源内联可用来防止这些跨起源请求的发生。
当我试图通过file://来提供.js文件时，我遇到了这个问题。我的解决方案是更新我的构建脚本，以取代<script src="…">标签与<script>…</script>. " 这里有一个吞咽的方法:
1. 运行NPM install——save-dev来安装gulp、gulp-inline和del包。
2. 在根目录中创建gulpfile.js后，添加以下代码(只需更改文件路径以适合自己):
let gulp = require('gulp');
let inline = require('gulp-inline');
let del = require('del');
gulp.task('inline', function (done) {
gulp.src('dist/index.html')
.pipe(inline({
base: 'dist/',
disabledTypes: 'css, svg, img'
}))
.pipe(gulp.dest('dist/').on('finish', function(){
done()
}));
});
gulp.task('clean', function (done) {
del(['dist/*.js'])
done()
});
gulp.task('bundle-for-local', gulp.series('inline', 'clean'))
要么运行gulp bundle-for-local，要么更新构建脚本以自动运行它。
您可以在这里看到我的案例的详细问题和解决方案。
