Javascript 在aws cloudfront上部署angular应用程序

我有一个LaravelPHP应用程序，它基本上是一个api，用户可以通过一个单页应用程序访问。目前angular应用程序包含在公用文件夹中，但我想将其单独断开，以便通过amazon cloudfront部署它

我找到了一篇关于在CloudFront上托管静态网站的文章，这篇文章解释了基本原理，但我找不到任何讨论如何在您的cdn服务站点上使用api的文章

我希望仍然能够有3个不同的环境，开发/登台和生产环境，每个环境目前都有自己的elastic beanstalk托管实例和独立的数据库。我希望他们的地址分别是dev.blah.com/staging.blah.com和blah.com，并让angular应用程序的每个版本命中正确的后端等

我希望能够以类似于部署到elastic beanstalk（即git push）的方式部署angular应用程序

我可以设置它，这样我就不需要为每个环境修改angular应用程序中的api端点。ie开发版本点击dev.blah.com/get/user/1，而staging使用相同的源点击staging.blah.com/get/user/1？这是自动发生的还是我需要采取具体措施来实现

这些都可能吗？我不希望有一个分步指南，但我只是想找一个过程的概要，并向我自己可以找到学习如何做的资源的方向推进，因为我的搜索没有在CloudFront上产生太多的结果，在您的发行版的“行为”选项卡中，您可以为每个来源分配一条路径。例如，您可以指定将/*请求重定向到具有静态资源的S3存储桶，但将/api/*重定向到api后端

至于dev/staging/prod环境，它们可能也是3个不同的发行版。它们可以指向相同或不同的起源

---

请参阅“”

谢谢。实际上，从那次谈话看来，这可能相当直截了当。我会接受你的回答，但如果其他人有任何补充，我也很乐意听取他们的意见