Question

client/
  scriptWhichMakesApiCall/
         await axios.get("http://localhost:${REACT_PORT}/api/product-category");

Doing "npm run build". REACT_PORT value is baked into build.

server/
      express which dynamically assigns itself some PORT.

我的法规基础可以作些什么修改,以便我的建筑反应使我所说的话听起来的准确港?

I have hard coded the PORT number in react app. Build it. Also hard coded the PORT number in express. This doesn t seem robust.

Answer 1

• 确保建立你明确的服务器港。可以通过在你明确的服务器入口档案中添加以下代码这样做:

const port = process.env.PORT || 3000; /*set 3000 to your desired port number*/

然后可以在你的反应中利用港口,将其添加到我们的轴心中。

await axios.get("http://localhost:3000/api/product-category");

Answer 2

任何人都 st着这个问题。

仅使用相对的URL,如/api/product- category 。

这样,它将自动使用从该网页上服务的同一东道名称和港口。因此,在建造反应堆时,没有使用任何补给。

友情链接