通过 cognito lambda@edge 从 CloudFront 加载页面会返回 CORS 错误

Question

我有一个在 CloudFront/S3 上运行的网站，并使用 Cognito 和 Lambda@Edge 进行授权。正如您从下面的错误中看到的，我的页面正在请求资产。资源尚未下载。我不知道从哪里开始看。

https://xxxxxxxxxxxxxxxxxx.auth.us-east-1.amazoncognito.com/authorize?redirect_uri=https://xxxxxxx.xxxxxxxxxxxxxxxxxx.com&response_type=code&client_id=6lanafh6ctk4ks65o2tdbn00ld&state=/images/background-forest-left.jpg' (重定向自来自来源“https://xxxxxxx.xxxxxxxxxxxxxxxxxx.com/images/background-forest-left.jpg”的“https://xxxxxxx.xxxxxxxxxxxxxxxxxx.com/images/background-forest-left.jpg”）已被 CORS 策略阻止：否“Access-Control-Allow” -Origin'标头存在于所请求的资源上。如果不透明响应满足您的需求，请将请求模式设置为“no-cors”以在禁用 CORS 的情况下获取资源。

Answer 1

您需要为您的S3存储桶设置CORS策略。控制台上的配置类似于 1。更多文档可以在这里找到。

1