Amazon CloudFront 、服务器 EC2 和 S3 文件一起

Question

我的 Web 应用程序上有一个跨域资源共享。我正在尝试创建一个虚拟现实 360 度视频网站，但在 safari/iPhone 上由于 CORS 而失败。出于某种原因，safari/ios 不支持运行 VR 的 WebGL 上的 CORS。

如果我的文件都在我的 EC2 实例中，它会正常工作，因为它们来自同一来源，但是，因为我在 EC2 上有我的 Web 应用程序文件，而我在 S3 上的资产会导致问题。

为了解决这个问题，有人告诉我，我可以使用 Amazon CloudFront 来有效地提供来自我的 EC2 和 S3 存储桶的文件，但让它看起来像是来自浏览器的同一来源。然后，这将绕过我遇到的 CORS 错误并正常运行。

但是我无法弄清楚如何做到这一点，有人可以解释一下我将如何在 CloudFront 中做到这一点吗？

谢谢

Answer 1

为了实现您的用例，您必须设置具有多个来源的 AWS Cloud Front 分配。遵循这个最好的开发者指南。

http://www.bucketexplorer.com/documentation/amazon-s3--how-to-create-distributions-post-distribution-with-multiple-origin-servers.html