使用 Reactjs 应用程序作为域后端中 express nodejs 的前端

Question

我使用 react js 创建了一个前端应用程序，该应用程序在后端调用 express 节点 js api，在 localhost 中我没有问题，因为它在 localhost 上运行，但是当我将它们都部署在 plesk 服务器上时，我不知道如何从我的反应 js 应用程序调用 express api。

1.如何在plesk服务器生产中运行express node js。 2.如何从 react js 应用程序调用 express api（在本地主机中我使用http://localhost:8000/users ）

非常感谢你

Answer 1

此部署假设您将 React 应用程序构建到您的快速应用程序中。 所以最终，您的应用程序与您的后端在同一个域上运行。 例如，如果您将 react 应用程序构建到 express 中的reactapp文件夹，那么您可以使用：

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

在同一条快车上，您的 api 有另一条路线：

app.get('/api/somerestapi', (req, res) => {
  // process your api request 
  res.send({data: 'some data'});
});

这意味着，您使用相对路径从 React 调用 API：

const request = new XMLHttpRequest();
request.open('GET', '/api/somerestapi);
...