通过 env 将 Node.js 连接到 React.js 的问题

Question

我已经创建了我的全栈（Node.js 和 React.js）博客应用程序，现在当我想部署我的前端，当然还有后端时，我注意到，我不知道如何以正确的方式去做。

当我使用 localhost 时，我的应用程序工作正常，但如果我部署它，我的链接不会像“localhost:8080/api/blablabla”，而是例如一些 heroku slug (url) 和我的 Node.js 路由。

在我的 Node.js 中，它看起来像这样：

在我的 app.js 代码下面：

从 React.js（前端）看起来像这样：

所以，问题是我需要补充什么。 我想，在 React（前端）上，我必须像 env 一样。 带有后端链接的变量？ 在此之前，最好添加后端以了解 slug (url) 将是什么，因为它是随机的。 但我不知道我是否需要在后端添加一些东西。

如果我写错了，如果你纠正我，我将非常感激:)

先感谢您

Answer 1

在您分享的最后一个 React.js 图像中，我可以看到您正在使用axios发送 GET 请求。 但是，您提供的是localhost url。 因此，我假设您正在尝试向您在 Heroku 上托管的后端发出请求，但是 url 指向您的本地环境。 我建议将http://localhost:5000部分更改为 Heroku 应用程序的 url。