Javascript 在Three.js中使用OBJLoader时出现CORS问题_Javascript_Three.js_Cors

Javascript 在Three.js中使用OBJLoader时出现CORS问题

javascript three.js cors

Javascript 在Three.js中使用OBJLoader时出现CORS问题,javascript,three.js,cors,Javascript,Three.js,Cors,我试图使用OBJLoader从我的系统加载对象，但我总是收到CORS错误，告诉我：访问位于的XMLHttpRequest'file:///Users/pranayankittiru/Desktop/tasks/resources/Pix.objCORS策略已阻止“来自源”的“null”：跨源请求仅支持协议方案：http、数据、chrome、chrome扩展、https。以下是我的代码（task1.js）：这是我的HTML文件： <html> <head>

我试图使用OBJLoader从我的系统加载对象，但我总是收到CORS错误，告诉我：

访问位于的XMLHttpRequest'file:///Users/pranayankittiru/Desktop/tasks/resources/Pix.objCORS策略已阻止“来自源”的“null”：跨源请求仅支持协议方案：http、数据、chrome、chrome扩展、https。

以下是我的代码（task1.js）：

这是我的HTML文件：

<html>
    <head>
        <meta charset="utf-8">
        <title>Task-1</title>
        <style>
            body { margin: 0; }
            canvas { width: 100%; height: 100% }
        </style>
    </head>
    <body>
        <script src="js/three.js"></script>
        <script src="js/loaders/ObjectLoader.js"></script>
        <script src="task1.js"></script>
    </body>
</html>


任务-1
正文{页边距：0；}
画布{宽度：100%；高度：100%}

我在本地使用Three.js。我刚接触Three.js，所以我不知道哪里出了问题。请在这方面帮助我。

为了避免此安全错误，您必须使用本地web服务器。关闭浏览器中的安全策略是另一个选项，但不建议这样做

有关更多信息，请阅读以下指南：

如果我运行本地python web服务器；firefox仍然返回缺少的

CORS头“Access Control Allow Origin”（访问控制允许源代码）

，即使在引用外部源代码时，如果主机未配置CORS，您也不能从其他域加载3D资源。这与在本地服务器上运行应用程序无关。

<html>
    <head>
        <meta charset="utf-8">
        <title>Task-1</title>
        <style>
            body { margin: 0; }
            canvas { width: 100%; height: 100% }
        </style>
    </head>
    <body>
        <script src="js/three.js"></script>
        <script src="js/loaders/ObjectLoader.js"></script>
        <script src="task1.js"></script>
    </body>
</html>