如何部署分离的前端和后端？

Question

我正在开发一个新项目,其中react/express作为前端和环回作为后端api.我在开发环境中使用不同的端口将它们分开.

我该如何在生产中部署它们？

1. 托管在同一台服务器上 - 将后端与不同的子域分开？

2. 托管在2个不同的服务器上 - 似乎无法使用同一个域.

Answer 1

我刚刚回答了 AWS 的相关问题.

你可以部署

• 您的前端是静态托管服务和CDN

  • AWS S3 + AWS CloudFront
  • Google云端存储 + Google Cloud CDN
  • GitHub Pages + CloudFlare
  • 现在
  • 浪涌
  • Netlify
  • 等等

• 您在云计算服务上的后端

  • AWS Elastic beanstalk或AWS EC2
  • Google App Engine
  • 现在
  • Heroku的
  • 等等

您可以在不同的主机上设置不同的子域,例如

• app.domain.com 在GitHub页面上
• api.domain.com 在Heroku上