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

编程入门 行业动态 更新时间:2024-10-07 22:25:10

将Reactjs<a href=https://www.elefans.com/category/jswz/34/1771452.html style=应用程序用作域中后端中的Express Nodejs的前端"/>

将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的前端

本文发布于:2024-05-07 12:59:52,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/34/1756357.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:应用程序   后端   Reactjs   Express   Nodejs

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!