动态地将React App链接导航到Express服务器

Question

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

示例

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

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

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

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

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

My React App在端口3000上运行，Express服务器在端口5000上运行。但是，当我点击链接页面时，没有任何反应。我必须明确地更改前端链接，以使其工作：

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

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

Answer 1

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

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

Answer 2

我认为必须是

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