在 Heroku 上访问我的环回 API 时出现问题

Question

我创建了一个全栈应用程序 - Loopback 被用作后端 API 并且 React 被用作前端应用程序。 我期待在 Heroku 上托管我的应用程序。我可以成功启动应用程序（托管在端口 3000 上）并正确显示客户端 React。但是，当我尝试使用此 url http://localhost:3000/api/ 向 API 发送请求时，我收到此错误消息：

DOMException: Failed to execute 'open' on 'XMLHttpRequest': Invalid URL

有什么想法吗？

谢谢-

Answer 1

当您的应用程序部署到 Heroku 时，它不会 运行 在端口 3000 上 - 您需要使用分配给它的随机端口。此外，你的 React 前端应该使用 .herokuapp.com 而不是 localhost:3000。 React 代码 运行 在客户端计算机上，因此它需要通过 Internet 发出请求。

Answer 2

因为 Heroku 生成随机端口号，所以需要创建 2 个应用程序：前端客户端和后端 API。