javascript - Threejs模型加载: "Access to XMLHttpRequest .. from origin ' null' has been blocked by CORS policy"- How to Test Locally?还是简单上传？

Question

我正在使用单个 HTML 页面在本地使用 three.js，并且我想尝试加载和移动 3D 对象文件。从示例代码中，我复制了以下内容:

var loader = new THREE.AMFLoader(); 

                loader.load( './models/rook.amf', function ( amfobject ) { //'./models/rook.amf'

                    scene.add( amfobject );
                    render();

                } );

在 Chrome 中，我收到以下错误:

Access to XMLHttpRequest at 'file:///C:/Users/me/Desktop/project/models/rook.amf' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.

有什么简单安全的方法可以解决这个问题并重新开始学习threejs？我可以在某处添加某种权限代码吗？将我的 3D 模型上传到某个地方并从 http 位置加载(如果是这样，我在哪里可以轻松免费地执行此操作)？

Answer 1

有两种方法可以解决这个问题:
1.更改浏览器中本地文件的安全性。对于 chrome，这可以通过搜索 Chrome 可执行文件的路径，然后在 cmd 上完成:

> "C:\PathTo\Chrome.exe" --allow-file-access-from-files

2.从本地网络服务器运行文件。这允许您以以下方式访问您的页面:

http://localhost/yourFile.html

更多信息可至 运行本地服务器 here