使用 cloudfront 处理静态文件和后端

Question

我有一个单页应用程序（使用 angular 制作），我通过将 cloudfront 指向 S3 存储桶来提供服务。这很好用。

但是，我想通过同一个域运行我的网站的后端 - 我所做的是向我的云端分发添加另一个源，该源指向运行 django 应用程序的弹性 beantalk。

然后，我配置了行为，以便路径模式 /apiv1/* 由 django 处理。这不起作用，我在尝试访问我的端点时收到 403 禁止错误。

我正在寻找的行为如下：

1. / 应该指向 index.html 并加载静态文件（目前可行）
2. /apiv1/... 应该指向 django。例如，要访问登录端点，我将使用 website.come/apiv1/api/login（作为我机器上 localhost/api/login 的姿势）。

这可能吗？

Answer 1

如果有人在做类似的事情，这里有一个修复：

添加子域 - 我添加了 api.example.com，它是 example.com 的子域

然后，在 Route 53 中，我将 api.example.com 配置为通过别名指向 elb 并请求子域的 ssl 证书！请注意，您在发出请求时必须使用 https，这就是 ssl 证书的原因。

我只是在我的 Angular http 请求中更改了基本 url，它就可以工作了。