本地运行时跨源请求错误？

Question

好吧，我分解了https://tympanus.net/codrops/2019/03/26/exploding-3d-objects-with-three-js/并下载了源代码，但他的解释并不深入。在本地运行项目没有任何改变，我遇到了许多跨源错误，在缩小的代码中：来自源“null”的“file:///Users/me/Documents/Three%20JS/examples/ExplodingObjects-master/models/heart-high.glb”的 XMLHttpRequest 已被 CORS 策略阻止：仅支持跨源请求对于协议方案：http、data、chrome、chrome-extension、https。它也适用于位于本地的各种 .jpg。为什么这会产生跨源问题，因为文件就在那里？我想在本地运行这个来测试和理解一切，没有压缩代码就不能运行项目。我该如何解决这个问题？

Answer 1

您的错误表明您只是在浏览器中打开 HTML 文件。任何像这样打开的页面都无法执行任何类型的请求，即使是“本地”文件。您应该使用任何类型的服务器托管您的页面，apache 甚至这个200ok 服务器都可以为您完成这项工作。