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

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

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

当前回答

er。我刚刚发现了一些官方文字“试图加载未构建的，远程AMD模块使用dojo/文本插件将失败，由于跨起源安全限制。(AMD模块的构建版本不受影响，因为构建系统消除了对dojo/text的调用。)”https://dojotoolkit.org/documentation/tutorials/1.10/cdn/

2015-09-07 10:08:20

其他回答

为java安装本地web服务器，例如Tomcat，对于php，您可以使用lamp等将json文件放到公共可访问的应用服务器目录中启动应用程序服务器，您应该能够从localhost访问该文件

2018-06-08 11:05:11

如果您坚持在本地运行.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，要么更新构建脚本以自动运行它。

您可以在这里看到我的案例的详细问题和解决方案。

2020-05-04 15:38:37

2015-09-07 10:08:20

如果您正在搜索Firebase托管的解决方案，则可以运行

firebase serve——firebase命令行的唯一托管命令

这就是我来这里的目的，所以我想我就把它留在这里帮忙吧。

2021-10-26 05:59:56

简单的解决方案，谁使用VS Code

我得到这个错误已经有一段时间了。大多数答案都是可行的。但我找到了一个不同的解决方案。如果你不想处理node.js或任何其他解决方案在这里，你正在使用一个HTML文件(从另一个js文件调用函数或获取json api的)尝试使用Live Server扩展。

它允许您轻松地打开一个活动服务器。因为它创建了本地主机服务器，所以问题得到了解决。您可以通过打开HTML文件并右键单击编辑器并单击open with Live Server来启动localhost。

它基本上使用http://localhost/index.html加载文件，而不是使用file://....