Tengo una pregunta sobre la aplicación de html2canvas en un folleto personalizado implementado en AWS s3.

Creé un TileLayer personalizado en un folleto e implementé los datos en AWS s3 para que se puedan recuperar con la siguiente URL como ejemplo.

 http://{s}.somedomain.com/{z}/{x}/{y}.png

En este estado, hemos logrado dibujar los datos del mapa usando react-leaflet.

Sin embargo, cuando intentamos obtener la imagen de los datos del mapa usando html2canvas, los datos del mapa no se mostrarán. En este caso, el siguiente mensaje de error se envía a la consola.

 Access to image at 'http://{s}.somedomain.com/{z}/{x}/{y}.png' from origin 'http://localhost:3000/' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

Parece un error de CORS, pero la configuración en AWS S3 es la siguiente.

 [ { "AllowedHeaders": [ "*" ], "AllowedMethods": [ "GET". ], "AllowedOrigins": [ "*" ], "ExposeHeaders": [] } ]

Como puede ver, estamos permitiendo solicitudes de todos los orígenes. Sin embargo, no puedo entender por qué ocurre el error anterior.

Si alguien se ha encontrado con una situación así, por favor hágamelo saber la solución.