Amazon серверный обработчик изображений, проблема CORS

Question

У меня развернут обработчик изображений без сервера amazon согласно документации от https://docs.aws.amazon.com/solutions/latest/serverless-image-handler/deployment.html

, который отлично работает, и я получаю изображения с изменениями размеров.

Теперь, когда я использую эти изображения в канве или в коде на основе webGL "has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource"

Тогда я сослался под этим

https://aws.amazon.com/premiumsupport/knowledge-center/no-access-control-allow-origin-error/

И соответственно настроил мое поведение CloudFront. Тем не менее, я получаю ту же проблему. Чего мне не хватает Ниже приведена конфигурация вкладки «Поведение CloudFront».

А ниже моя конфигурация S3 CORS

Тем не менее я получаю ту же проблему. Чего мне не хватает

Answer 1

S3 добавляет заголовки CORS, только если заголовок Origin добавлен к запросу. От вашей проблемы вы можете попробовать ниже: 1. Сделайте аннулирование кэша один раз, чтобы убедиться, что белый список заголовка Origin был создан, снова зайдя по ссылке и проверьте, не является ли он MISS из CloudFront. (В этом случае это может быть ошибка из CloudFront из-за обработки ошибок ответа Lambda @ edge Origin) 2. проверьте запрос, сделанный лямбда-логином в CloudWatch, и зарегистрируйте запрос, чтобы увидеть, отправляет ли он заголовок Origin на S3.