亚马逊无服务器图像处理程序，CORS问题

Question

根据https://docs.aws.amazon.com/solutions/latest/serverless-image-handler/deployment.html上的文档，我已经部署了无服务器的亚马逊图像处理程序

效果很好，而且我得到的图像尺寸也有所变化。

现在，当我在基于canvas或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

仅当将Origin标头添加到请求时，S3才添加CORS标头。 针对您的问题，您可以尝试以下操作： 1.一次使缓存无效，以通过再次访问链接来验证是否已将Origin标头列入白名单，并检查它是否是CloudFront中的MISS。 （在这种情况下，由于Lambda @ edge Origin响应错误处理，可能是CloudFront的错误） 2.在CloudWatch中检查lambda日志发出的请求，并记录该请求以查看是否将Origin标头发送到S3。