將ReactJS與NodeJS一起使用

Question

我有一個需要與UI交互並在后端對數據庫執行各種CURD操作的應用程序，

目前，我們有一個angular 1.2應用程序，該應用程序具有UI和另一個節點應用程序，並且對於每個應用程序，Angular應用程序都會向節點應用程序發送http請求以進行所需的每次交互，因此這里有兩個不同的服務。

我想將這些操作組合到一個單一的服務中，即UI（React）和節點在一個單一的服務中，例如在節點內部進行反應，當我啟動節點服務器時，我也應該能夠通過UI進行訪問，我在節點中使用了express，在單個服務中將ReactJS與Node一起使用的最佳方法是什么？

Answer 1

希望您將Express與Node.js一起使用。 您可以將react application文件夾放在節點應用程序文件夾中某個名為client的文件夾中。 然后，從節點應用程序中，您可以執行以下操作來處理文件：

var app = express();
app.use(express.static(path.join(__dirname, 'client')));

在為您的api提供服務的所有特定於應用程序的路由之后，提供以下內容為所有其他get請求提供index.html服務。

app.get('*', (req, res) => {
  res.sendFile(path.join(__dirname+'/client/index.html'));
});

Answer 2

為了執行來自react應用程序的http請求（ 后端是否為node都沒有關系 ），我建議使用fetch api ：

fetch(url)
  .then(response => response.json())
  .then(response => /* Do what you need with it */)

Axios也可以很好地工作並提供相同的結果：

axios.get(url)
  .then(response => response => /* Do what you need with it */)
  .catch(error => console.log(error))