Javascript 如何在同一端口上启动react和NodeAPI服务器?

Javascript 如何在同一端口上启动react和NodeAPI服务器?,javascript,node.js,reactjs,express,Javascript,Node.js,Reactjs,Express,我在端口8080上构建了一个简单的express api服务器。在另一个端口(3000)中,我正在使用react构建客户端,它从我的expressapi端点获取数据。为此,我必须在单独的端口上运行这两个应用程序。如何在同一端口(如8080)上运行这两个端口? 这方面我还不太熟悉。非常感谢您的帮助。1/如果由于CORS问题而需要它们在同一端口上运行,那么在API服务器上设置允许来自任何来源的请求(无论是什么:3000)可能会更容易(也是良好的做法) 2/要在同一端口上同时提供API和静态页面及脚本

我在
端口8080
上构建了一个简单的express api服务器。在另一个端口(3000)中,我正在使用react构建客户端,它从我的expressapi端点获取数据。为此,我必须在单独的端口上运行这两个应用程序。如何在同一端口(如8080)上运行这两个端口?
这方面我还不太熟悉。非常感谢您的帮助。

1/如果由于CORS问题而需要它们在同一端口上运行,那么在API服务器上设置允许来自任何来源的请求(无论是什么:3000)可能会更容易(也是良好的做法)

2/要在同一端口上同时提供API和静态页面及脚本,您可以修改API服务器以处理静态内容的请求,或者使用反向代理。我建议(如果可以的话,也可以提供静态内容)

nginx配置示例:

location /api/ {
    proxy_pass http://localhost:8080/;
}

location / {
    proxy_pass http://localhost:3000/;
}

我得到了cors的问题涵盖和静态页面也不是我在这里期待。我使用react作为前端,从服务器的角度来看,我的意思是静态的。React应用程序由客户端进行解释。除非你在做服务器端渲染?不管怎样,如果对你更有意义的话,用“前端”替换“静态页面”。您仍然希望使用反向代理将两个应用程序分组在同一个源下。谢谢,这实际上是一个有趣的想法,将静态应用程序替换为前端应用程序。但到目前为止,我还没有看到任何例子。这是否意味着我将
查看引擎设置为
jsx
?你能给我提供一些例子、文章或视频吗?我想这是一个误解。我只是说“前端”而不是“静态”可能更好地反映您对React应用程序的看法,我没有考虑更改您的应用程序。我的建议(反向代理)与应用程序的工作方式无关,您只需让两个应用程序在不同的端口上运行,然后在它们前面安装一个代理,以便向正确的应用程序发送请求。哦,对不起。我看到过类似的情况,但不太明白它说添加一个key
proxy
,该值是api服务器地址。但是我不能完全理解。