在 AWS 上部署 VueJS 和 DRF 应用程序

Question

我有一个 DRF 后端，前端有 3 个不同的 VueJS 应用程序。该应用程序是租户式架构，因此 SuperAdmin、Admin 和 User 面板是 3 个不同的 VueJS 应用程序。

我目前已将其部署在 VPS (Amazon Lightsail) 中，并将静态应用程序保存在启用了静态托管的存储桶 (Amazon S3) 中。但是现在应用程序需要在生产中移动，我正在寻找简单且可维护的方法来一遍又一遍地将租户部署到任何可用的 AWS 服务。

我已经考虑将 Elastic Beanstalk 用于 DRF 应用程序，每个租户有 3 个存储桶用于前端应用程序。网址如下所示：

1. example.com（登陆页面）
2. api.example.com（DRF 根）
3. tenant1.example.com（租户的登陆页面，可选择 3 个界面之一）
4. tenant1-su.example.com（超级管理员界面）
5. tenant1-ad.example.com（管理界面）
6. tenatn1-uz.example.com（最终用户界面）

但是使用这种方式，需要使用不同的 AWS 组件进行大量工作。也许我可以编写一个脚本来自动执行重复性任务，但从长远来看这足以管理它们吗？

除了我想到的当前架构之外，您还有什么建议吗？

如果其他人做过类似的事情，或者如果有人之前完成了部署脚本，任何指针都会很有用。