javascript - 动态导航到 Express 服务器的 React App 链接

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"
   }
}

我的 React 应用程序在端口 3000 上运行，而 Express 服务器在端口 5000 上运行。但是，当我单击页面链接时，没有任何反应。我必须像这样显式更改前端链接才能使其工作：

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

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

score 3 · Accepted Answer

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

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

score 0 · Accepted Answer

我认为它必须是

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

2 回答 2