動態地將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" 
    } 
} 

我的React應用程序在端口3000和Express服務器上運行在端口5000上運行。但是，當我點擊鏈接頁面沒有任何反應。我必須明確地改變，如前端鏈接，以便使其工作：

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

有什麼辦法，我怎麼能動態連接我的陣營應用程序與我的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 
    } 
}