Search the Community

I'm a new member and relatively new to WebGL, but professionally I'm an angular/node developer. I'm currently setting up my Node server to proxy a 3rd party API in order to pull images and apply them as textures to meshes in my scene, but I can't get around the CORS issue that surrounds loading in the images. On the Node side, I've set the CORS (Access-Control-Allow-Origin) header, and everything else works fine, it's just with images I have a particular problem. BABYLON.Tools.LoadImage(response.archivesimages[0].image_uri, function(){console.log('loaded')},function(item, err){console.log('error:', err, item, 'not loaded' );});When I get the 'item' in the error return function, the image is there: <img crossorigin=​"anonymous" src=​"http:​/​/​cdn2.brooklynmuseum.org/​images/​opencollection/​archives/​size2/​S03i3079l01.jpg">​As it should, yet I'm still getting the CORS error. My response headers: access-control-allow-headers: Content-Type, Authorization, Content-Length, X-Requested-With access-control-allow-methods: GET,PUT,POST,DELETE,OPTIONS access-control-allow-origin: * <- (I've also tried domain-specific settings here) Am I missing a step?