三个JS使用S3存储桶(用作CDN)给出了跨原点错误

时间:2018-07-28 00:58:31

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

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:“操作不安全。”

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

1 个答案:

答案 0 :(得分:-2)

编辑:好的,试试这个:

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