我正在尝试将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
?
答案 0 :(得分:3)
解决! 由于热重新加载,我的package.json没有更新。我不得不杀死现有的webpack服务器并再次运行它以使其工作。 将来,如果有人遇到这种情况,只需确保更新 package.json 文件,如下所示:
"proxy": {
"/pathname" : {
"target" : "http://yourserveraddress"
}
}
答案 1 :(得分:0)
我认为必须是
"proxy": {
"/pages" : {
"target" : "http://localhost",
"port" : 5000
}
}