在 aws cloudfront 上部署 Angular 应用程序答案

【问题标题】：deploying an angular app on aws cloudfront在 aws cloudfront 上部署 Angular 应用程序
【发布时间】：2014-09-18 03:36:02
【问题描述】：

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

我发现 this 在 CloudFront 上托管静态网站的文章解释了基础知识，但我找不到任何讨论 api 与您的 cdn 服务站点的命中。

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

我希望能够以与部署到弹性 beanstalk 的方式类似的方式部署 angular 应用程序，即 git push

我可以设置它，这样我就不需要为每个环境修改 Angular 应用程序中的 api 端点。即开发版本点击 dev.blah.com/get/user/1 并且使用相同的源，登台点击 staging.blah.com/get/user/1？这会自动发生吗？还是我需要采取特定措施来实现这一点？

所有这些都是可能的吗？我不期望一步一步的指导，而只是寻找过程的大纲，并推动我可以找到资源来自己学习如何做到这一点，因为我的搜索并没有带来太多

【问题讨论】：

【解决方案1】：

在 CloudFront 上，在分配的“行为”选项卡中，您可以为每个源分配路径。例如，您可以指定 /* 请求使用您的静态资源重定向到 S3 存储桶，但 /api/* 被重定向到您的 api 后端。

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

【讨论】：