将 React App link 动态导航到 Express 服务器

Question

我正在尝试将 React JS 应用程序的前端 link 导航到 Express 服务器。

例子

<a href="/pages">Pages</a>

在Express服务器中，我写了这段代码

app.get('/pages', (req, res) => {
    res.send('Pages');
});

我还像这样更新了我的前端 package.json 文件：

"proxy": {
   "/pages" : {
      "target" : "http://localhost:5000"
   }
}

我的 React App 在端口 3000 上运行，Express 服务器在端口 5000 上运行。但是，当我点击 link Pages 没有任何反应。我必须像这样显式更改前端 link 才能使其正常工作：

<a href="http://localhost:5000/pages">Pages</a>

有什么方法可以动态连接我的 React 应用程序和我的 Express 服务器，而不必每次都在所有 link 中指定 http://localhost:5000？

Answer 1

已解决！由于热重载，我的 package.json 没有更新。我不得不关闭现有的 webpack 服务器并再次运行以使其工作。将来，如果有人遇到这种情况，只需确保像这样更新 package.json 文件：

"proxy": {
   "/pathname" : {
       "target" : "http://yourserveraddress"
   }
 }

Answer 2

我觉得应该是

"proxy": {
  "/pages" : {
    "target" : "http://localhost",
    "port" : 5000
  }
}

Navigate a React App link to Express server dynamically