如何將快遞後端添加到現有的反應應用程序

Question

我的問題幾乎全部都在標題中。

所以我建立了一個react/redux前端。 現在，它的任務是爲它提供全新的Express安裝。

說，我的API應該從「/ API/...」服務，並作出反應前端應爲「/」

難道僅僅是一個合併節點模塊爲一體，並配置快遞路線的事或者還有其他事情需要完成？

Answer 1

如何做到這一點的一個很好的例子是here。

他配置的主要點是這些：

• 你有兩個package.json S和兩套依賴。
• 在開發中，您有兩臺服務器，並且您將後端配置爲前端package.json文件中的代理：例如， "proxy": "http://localhost:5000"
• 在生產中，您編譯前端代碼爲HTML靜態頁面，並且路線在您的明確配置結束時，所有非API請求編譯HTML：

路由可能是這樣的：

app.get('/api/foo', function (req, res) { 
    res.send('{"foo":"foo"}'); 
}); 

app.get('/api/bar', function (req, res) { 
    res.send('{"bar":"bar"}'); 
}); 

app.get('*', function(req, res) { 
    res.sendFile(path.resolve(__dirname, '../react-ui/build', 'index.html')); 
}); 

很明顯，所有的功勞都歸功於超級示例應用的火星。