<模型查看器>无法加载托管在google drive / dropbox上的glTF模型

Question

我正在尝试使用模型查看器在网站上加载一个glTF模型。该模型托管在google drive和dropbox上，但这两个链接都没有加载该模型。加载栏出现，然后为空。但是模型在glTF在线预览器工具上加载得很好。有没有人知道问题出在哪里？示例如下：

    <script type="module" src="https://unpkg.com/@google/model-viewer/dist/model-viewer.js"></script>
<script nomodule src="https://unpkg.com/@google/model-viewer/dist/model-viewer-legacy.js"></script>
<model-viewer src="https://www.dropbox.com/s/2c6vj30g9rl4olh/out.gltf"></model-viewer>

Answer 1

因为有一种叫做Cross-Origin Resource Sharing的东西，你不能像那样在DropBox上托管网页嵌入的资源。资产必须位于您的页面所在的同一web服务器上(并且您的页面本身必须位于服务器上，而不仅仅是本地文件中)。或者，您的资产可以位于已配置为enable CORS的外部服务器上。

如果您查看浏览器的开发人员工具web控制台，您将看到错误配置或未配置时与CORS相关的错误消息。