将Reactjs应用程序用作域中后端中的Express Nodejs的前端-电脑我帮您

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

1。如何在plesk服务器上的生产环境中运行Express Node js。2.如何从react js应用程序调用快速api（在本地主机中，我使用http://localhost:8000/users）

谢谢您

回答如下：

此部署假定您将自己的React应用构建到Express应用中。因此，最后，您的应用程序与后端在同一域上运行。例如。如果您将自己的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);
...

将Reactjs应用程序用作域中后端中的Express Nodejs的前端

1。如何在plesk服务器上的生产环境中运行Express Node js。2.如何从react js应用程序调用快速api（在本地主机中，我使用http://localhost:8000/users）

谢谢您

回答如下：

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);
...