从 AWS Amplify React 项目提供 JSON 文件

Question

我们有一个与我们的域相关联的 AWS Amplify React 项目，这导致所有文件和内容都来自底层反应路由器。

为了支持与 Microsoft API 的后端 API 通信，我们需要在域内的特定位置托管特定的 JSON 文件，例如 mydomain.com/.well-known/microsoft-identity-association.json。

我不确定如何做到这一点。我的第一个问题是，这是否最好通过 react 路由器中的静态路由来完成，或者配置 Cloud Front 和 Route 53 来为这个确切的 URL 提供 JSON 文件。

我一直在尝试第二种方法，并在 Cloud Front 中为存储 JSON 文件的特定 S3 存储桶创建了一个分布。我已将 S3 存储桶命名为“mydomain”，其中包含一个子文件夹“.well-known”和一个名为“microsoft-identity-association.json”的包含 JSON 文件。我的问题是我不知道如何配置 Route 53 以路由到此分布，因为我的根域 (mydomain.com) 与我的 Amplify 项目相关联并由反应路由器处理。我不确定我是否可以以某种方式配置特定的路由或别名来提供确切的 JSON 文件。

我已经查看了这篇文章 (How do I return a json file from s3 to a specific url, but only that url)，但它似乎解决了一个稍微不同的问题。

任何和所有的指导表示赞赏。

Answer 1

通过拆分我的网站解决了这个问题。我为公共页面（包括 JSON 文件）使用了一个静态 S3 托管站点，并将 React 应用程序重定向到子域。