三个 JS 使用 S3 Bucket（用作 CDN）给出 Cross Origin 错误答案

【问题标题】：Three JS gives Cross Origin error with S3 Bucket (used as CDN)三个 JS 使用 S3 Bucket（用作 CDN）给出 Cross Origin 错误
【发布时间】：2018-08-07 05:28:39
【问题描述】：

function renderItem() {
    initializeScene();
    THREE.ImageUtils.crossOrigin = "anonymous";
    var mtlLoader = new THREE.MTLLoader();
    mtlLoader.setTexturePath('https://cdn.rubyrealms.com/textures/');
    mtlLoader.setPath('https://cdn.rubyrealms.com/objects/');
    mtlLoader.load('DefaultSkin.mtl', function(materials) {
        materials.preload();
        var ambientLight = new THREE.AmbientLight(0xffffff,1.4);
        scene.add(ambientLight);
        var objLoader = new THREE.OBJLoader();
        objLoader.setMaterials(materials);
        objLoader.setPath('https://cdn.rubyrealms.com/objects/');
        objLoader.load('DefaultSkin.obj', function(object) {
            scene.add(object);
            fitCameraToObject(camera, object, 5.5, controls);
            renderer.render( scene, camera );
        });
});

showScene();

我在控制台中不断收到错误 THREE.WebGLState: DOMException: "The operation is insecure."

我已使用“https://rubyrealms.com”将开发站点添加到 CORS 配置，但在站点和我的 S3 存储桶 (CDN) 之间继续出现此错误。我已经尝试了所有我能想到的和我读过的东西，但似乎没有任何效果。 }

【问题讨论】：

标签： javascript amazon-s3 three.js cross-domain

【解决方案1】：

编辑：好的，试试这个：

var mtlLoader = new THREE.MTLLoader();
mtlLoader.setCrossOrigin("anonymous");
mtlLoader.setTexturePath('https://cdn.rubyrealms.com/textures/');

【讨论】：