时间戳

首页 > 解决方案 > 在单个 AWS S3 存储桶中托管多个 Angular 7 应用程序

angular - 在单个 AWS S3 存储桶中托管多个 Angular 7 应用程序

问题描述

如何在单个 AWS S3 存储桶中托管多个 Angular 7 应用程序？IE

每个站点都在子文件夹中：

/site1
/site2
/site3

子文件夹要访问的每个站点：

www.mydomain.com/site1
www.mydomain.com/site2
www.mydomain.com/site3

标签： angularamazon-s3

解决方案

  1. 对于您的 Angular 构建，您需要确保正确设置了基本 href 。site1将使用以下命令构建一个示例。（这里的文档）

    ng build --baseHref /site1/

  2. 确保在您的 S3 存储桶上启用静态网站托管，并将索引文档设置为index.html.

  3. S3在, site1,site2中创建 3 个文件夹site3。

  4. 将您的 Angular 构建的所有内容放入这些文件夹中，即site1上传index.html并all bundles放入site1文件夹中S3，其他文件夹也类似。（此时您可以使用 S3 url 访问 Angular 应用程序）

  5. 您还需要将 www.mydomain.com 的 DNS 映射到 s3 存储桶。

阅读有关使用自定义域在 S3 上进行静态托管的 AWS 文档。

推荐阅读