使用CloudFront托管React应用的S3静态网站请求标头

Question

我有一个React应用程序部署到S3，并在其上面有一个CloudFront发行版，用于特定域CNAME。我希望能够为单独的不同域创建第二个CloudFront分发，但将相同的S3存储桶用作源。

但是，在React应用程序中，我需要能够知道请求来自何处，以便该应用程序可以基于此动态加载不同的数据。我发现我可以将自定义的HTTP标头从CloudFront传递到源，但是似乎无法从在浏览器中运行的React代码访问。

是否可以使用S3和CloudFront做到这一点？

Answer 1

我建议使用React Router来处理基于路径的不同组件/数据的渲染-这些文档非常出色。我使用React Router在CF发行版后面托管了一个S3中的React应用，它运行良好。