AWS Serverless：在一个域下配置多个前端应用程序

Question

我有两个前端应用程序。第一个使用静态生成（用于SEO），第二个使用客户端渲染（用于auth流背后的所有内容）。

我想将它们都放在同一个购买域中，并且基本端点类似于：

1. [mydomain.com\public\*：对于使用第一个应用程序的所有公众面对的静态生成的内容。

2. mydomain.com\auth\*：适用于使用第二个应用程序制作的身份验证流程后面的所有内容。

所以问题是：如何将这两个单独的应用程序映射到同一域下的两个基本端点？我正在阅读这篇文章Share an API Endpoint Between Services，但似乎是为了后端。

[如果有人有兴趣知道为什么要使用两个单独的应用程序：这是因为使用Next.js完成了静态生成，而使用简单的create-react-app完成了客户端的工作。 This post解释了为什么需要单独部署此组合。

Answer 1

参考this

为您的NextJs和React应用程序创建两个单独的s3存储桶。将它们附加到CloudFront发行版。将lambda函数附加到您的CloudFront分配中，并根据是否request.uri.startsWith('/public')将请求路由到其他来源。