Reactjs 如何在生产中基于create react应用程序的项目中指定端口号?

Reactjs 如何在生产中基于create react应用程序的项目中指定端口号?,reactjs,reverse-proxy,create-react-app,Reactjs,Reverse Proxy,Create React App,我正在部署一个网站,该网站将有几个react项目,这些项目是用CreateReact应用程序构建的。每个项目都将放在自己的网页上:例如:mywebsite.com/project1、mywebsite.com/project。我正在Ubuntu服务器上设置一个nginx反向代理(我知道如何配置),但我不确定如何为我的每个create react应用程序项目指定端口号,以便每个项目都有一个唯一的端口。有人能解释一下如何做到这一点吗?谢谢 PS-我见过这样的线程,但我不知道如何在生产中应用此解决方案

我正在部署一个网站,该网站将有几个react项目,这些项目是用CreateReact应用程序构建的。每个项目都将放在自己的网页上:例如:mywebsite.com/project1、mywebsite.com/project。我正在Ubuntu服务器上设置一个nginx反向代理(我知道如何配置),但我不确定如何为我的每个create react应用程序项目指定端口号,以便每个项目都有一个唯一的端口。有人能解释一下如何做到这一点吗?谢谢


PS-我见过这样的线程,但我不知道如何在生产中应用此解决方案。

在create react应用程序中使用
npm start
命令启动的服务器是webpack dev server。它只意味着在开发时使用,而不应该在生产环境中使用

相反,您可以使用简单的静态文件服务器轻松地托管CRA应用程序,而无需反向代理或更改开发服务器的端口。您只需运行
npm run build
命令,并将
build
文件夹的内容部署到静态文件服务器的相应文件夹中。您可以在中阅读更多关于此的信息

另外,在构建项目之前,请确保您已经完成了,因为您将在一个相对路径(如
mywebsite.com/project1
)中托管您的应用程序。因为CRA假定您的应用程序以默认设置托管在根服务器上


希望这有帮助

嗨,塔拉卡,非常感谢你的回复!使用静态文件服务器托管CRA应用程序绝对是部署我的网站最有效、最直接的方式。我也很感激主页上的提示。我刚刚部署了一个CRA项目,它正在工作!!