CloudFront 静态网站和 EC2 API 在同一个域上

Question

我的静态网站托管在 CloudFront 上。

有没有办法让我使用相同的域名但不同的端口来调用 EC2 实例的 API？

例如。 example.com:3000 应重定向到 EC2 实例，而 example.com（又名 example.com:443 或 example.com:80）应重定向到 CloudFront。

Answer 1

无法根据端口号识别目标主机。仅 DNS 名称就决定了您的浏览器连接到的位置。

但是，您仍然可以实现您想要的，只是不是通过端口号。

您可以将 CloudFront 分配配置为根据 URL 中的路径将请求转发到您的静态网站或 API。

为此，您需要在 CloudFront 分配中配置多个来源和多个行为：

• /api/* -> EC2 来源
• 其他一切 -> 静态网站来源

对于您的浏览器，它显示为一个网站。当您请求https://www.example.com/page1.html 时，CloudFront 会将请求转发到静态网站。当您请求 https://www.example.com/api/MyRestMethod 时，CloudFront 会将请求转发到您的 EC2。

这还允许您在 API 和静态网站之间为 HTTPS 使用相同的 ACM 证书。