如何在没有端口的情况下在服务器上运行 ReactJs 项目答案

【问题标题】：How to run ReactJs project on server without having port如何在没有端口的情况下在服务器上运行 ReactJs 项目
【发布时间】：2021-09-03 16:02:53
【问题描述】：

首先，对不起我的英语语法...

好的，所以我已经在网站上运行了我的 react，但是当我在地址栏中输入网站 URL 时，我什至需要在 URL 后面加上 :3000。如果它在现场运行，我不想将端口放在 URL 上。任何人都可以帮助我如何在没有部署站点中的端口号的情况下运行 react 吗？

它应该看起来像这样... example.site.com 不像 example.site.com:3000

如果您需要任何详细信息，请在 cmets 中告诉我。提前致谢！！！

【问题讨论】：

您可能必须删除 3000（硬编码字符串）。此外，默认使用端口 80，您可以在此处找到更多详细信息：从 Node js 网站 url 中删除端口
感谢我得到了更多关于我要做的事情的想法，但问题是我不使用节点它只是一个 reactjs
简而言之，为了帮助您，您应该考虑观看此视频：youtube.com/watch?v=uRDkRjpg48I
我目前正在关注视频...您应该考虑评论答案部分而不是 cmets 部分，因为如果它工作不正常，请给您一个复选标记并支持 :)
请观看并确认，然后我会将其添加为答案，否则人们会不必要地投票。

标签： javascript reactjs web port

【解决方案1】：

您是否运行npm run build 并获取生成的“build”文件夹并将该文件夹复制到您的服务器？如果你这样做了，它不是 React 问题/配置，它是一个服务器配置，并且取决于你使用的服务器。 Nginx 是一个流行的。如果您不运行 npm run build 并且将所有项目代码放在服务器上，并且使用 npm start 运行该代码，那么您的部署方式是错误的。

【讨论】：

我实际上并没有运行 npm build 并且我使用 npm start 运行我的网站.....我是新手，所以请不要生气......好吧，在我做 npm build 之后我会做什么?顺便说一句，感谢您对我的帖子的快速回复:) 我也忘了提及，如果我放 example.com 它会显示文本，因为我有 index.html...我要删除 index.html 还是做点什么？
别着急，总有一个起点。你在哪里部署你的代码？到自我管理的服务器？
您可以使用此链接：pluralsight.com/guides/deploy-a-react-app-on-a-server 如果您使用的是 create-react-app，也许本指南会对您有所帮助：create-react-app.dev/docs/deployment
谢谢你的好意......所以我从vesta和filezilla中删除我的代码......我也会试试你给我的链接