Using gltf file in playground

Questions
1

I am trying to load a GLTF file from Azure blob Storage using SceneLoader.importMeshAsync() in a playground
https://pippasgallery97.blob.core.windows.net/glb/86023%2C%20AZ.glb
but I get an error
Access to XMLHttpRequest at ‘https://pippasgallery97.blob.core.windows.net/glb/86023%2C%20AZ.glb’ from origin ‘https://www.babylonjs-playground.com’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.

How do I configure the CORS in the Azure storage container to enable the GLB file to be downloaded by the SceneLoader?

Press “Load 3” to trigger the error here:

Azure Storage Explorer CORS dialog:

image
image852×648 14.3 KB

1 Like
2

This isn’t really a Babylon.js question, but maybe someone knows.

3

@RaananW might know ?

4

You need to configure your host to respond to CORS correctly. The CORS settings you show should work, but i can only assume you asked it because it doesn’t… There might be an issue with the origin though - try removing the trailing slash, as this is done using string comparison and not any other complex mechanism.

Otherwise, I would suggest setting the origin to * and seeing if that works as expected.