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

Question

根据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

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