我试图加载一个3D模型，存储在我的电脑本地，到Three.js与JSONLoader, 3D模型是在同一目录下，作为整个网站。
我得到了“跨起源请求只支持HTTP.”错误，但我不知道是什么原因导致它也不知道如何修复它。
当前回答
er。我刚刚发现了一些官方文字“试图加载未构建的，远程AMD模块使用dojo/文本插件将失败，由于跨起源安全限制。(AMD模块的构建版本不受影响，因为构建系统消除了对dojo/text的调用。)”https://dojotoolkit.org/documentation/tutorials/1.10/cdn/
其他回答
如果你使用旧版本的Mozilla Firefox(2019年之前)，它会像预期的那样工作，没有任何问题;
附言:令人惊讶的是，旧版本的ie和Edge也能正常工作。
对于那些在Windows上没有Python或Node.js的人，仍然有一个轻量级的解决方案:Mongoose。
您所要做的就是将可执行文件拖到服务器的根目录，然后运行它。一个图标将出现在任务栏中，它将导航到默认浏览器中的服务器。
此外，Z-WAMP是一个100%可移动的WAMP，在一个文件夹中运行，这是很棒的。如果你需要一个快速的PHP和MySQL服务器，这是一个选择。不过从2013年起就没有更新过。现代的替代方案是Laragon或WinNMP。我还没有对它们进行测试，但它们是可移植的，值得一提。
此外，如果你只想要绝对的基础(HTML+JS)，这里有一个小的PowerShell脚本，不需要安装或下载任何东西:
$Srv = New-Object Net.HttpListener;
$Srv.Prefixes.Add("http://localhost:8080/");
$Srv.Start();
Start-Process "http://localhost:8080/index.html";
While($Srv.IsListening) {
$Ctx = $Srv.GetContext();
$Buf = [System.IO.File]::OpenRead((Join-Path $Pwd($Ctx.Request.RawUrl)));
$Ctx.Response.ContentLength64 = $Buf.Length;
$Ctx.Response.Headers.Add("Content-Type", "text/html");
$Buf.CopyTo($Ctx.Response.OutputStream);
$Buf.Close();
$Ctx.Response.Close();
};
这个方法非常简单，它不能显示目录或其他花哨的东西。但是它很好地处理了这些CORS错误。
将脚本保存为服务器。在项目的根目录下运行。它将在它所在的目录中启动index.html。
我建议您使用一个迷你服务器在本地主机上运行这类应用程序(如果您没有使用某些内置服务器)。
这里有一个非常简单的设置和运行:
https://www.npmjs.com/package/tiny-server
如果您坚持在本地运行.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，要么更新构建脚本以自动运行它。
您可以在这里看到我的案例的详细问题和解决方案。
加载本地文件的一种方法是在项目文件夹中使用它们，而不是在项目文件夹之外。在您的项目示例文件下创建一个文件夹，类似于我们创建图像的方式，并替换其中使用完整的本地路径而不是项目路径的部分，并使用项目文件夹下的文件的相对url。 这对我很有效
