在同一域上设置Netlify / Heroku前端和后端

Question

我一直被困在如何使用相同的域名在Netlify上部署我的React SPA前端和在Heroku上部署我的NodeJS Express api后端。该域是Google域，目前Netlify前端可以在www.MyDomain.com正常运行。

我一直试图建立的一种方法是使api.MyDomain.com/api/v1/endpoint之类的东西能够调用Heroku上托管的后端服务。每当访问www.MyDomain.com/api/ *之类的任何路由时，我都尝试通过Google Domains为api.MyDomain.com和Netlify重定向设置为api.myDomain.com的子域，但是我无法取得任何进展。

是否可以在同一个域中托管一个页面Netlify前端和一个Express API heroku后端？如果有人有这种组合的经验，可以为我指明正确的方向，那就太好了。谢谢。

Answer 1

由于仅在将后端添加到子域上时遇到麻烦，因此您应该执行以下操作：

1-将带有子域的域添加到Heroku应用中：

在Heroku仪表板中，转到应用程序的设置。点击“添加域”，然后输入具有您想要的子域的域（例如：api.yourcustomdomain.com）

然后将提示您DNS目标：

2-将DNS目标添加到Google域

在您的Google域中域的DNS管理器中，只需添加带有DNS目标的CNAME记录，它看起来应该像这样：

为DNS传播留出一些时间，它应该可以工作！