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

Question

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

每个站点都位于子文件夹中：

/site1
/site2
/site3

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

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

Answer 1

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

   ng build --baseHref /site1/

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

3. 创建 3 个文件夹，分别S3为site1, site2, site3。

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

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

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