如何使用现有域上的子目录主页在服务器上提供反应应用程序？答案

【问题标题】：How to serve react app on server with sub-directory homepage on an existing domain?如何使用现有域上的子目录主页在服务器上提供反应应用程序？
【发布时间】：2019-08-11 00:15:03
【问题描述】：

我是 webdev 的新手。我想在我们实验室的服务器上部署一个 react-app。我希望其他实验室成员通过https://ourlab.org:PORT_NUM/myApp 访问这个应用程序

在实验室服务器上通过 sshing 连接到它：在我的主目录下，我有这个 myApp 文件夹。我给 package.json 这个"homepage":"https://ourlab.org/myApp" 字段然后运行npm run build，然后运行npx serve -s build

它给了我

|服务！ │

│ - 本地：http://localhost:5000 │

│ - 在您的网络上：http://159.89.xxx.xxx:5000 |

我希望我可以在本地计算机上通过 url https://ourlab.org:5000/myApp 访问该应用程序。但是我的浏览器没有得到响应。

顺便说一句，有人可以解释一下这个“主页”是如何工作的吗？

谢谢！

【问题讨论】：

标签： reactjs build web-deployment website-homepage

【解决方案1】：

当您运行“服务”时，您正在从本地计算机提供应用程序。如果您想从您的实验室服务器提供应用程序，请在该服务器上找到文档根目录，在那里创建一个目录“myApp”并将构建目录的内容从您的计算机复制到您的实验室服务器上的该目录中。

构建目录是运行“npm run build”的结果，假设您已经使用 create-react-app 创建了应用。

【讨论】：

您好，感谢您的回复。抱歉，我没有很清楚地描述问题，但我正在通过 ssh 在实验室服务器上运行“serve -s build”命令。
那么您应该能够通过 http 访问它，如 159.89.xx.xx:5000。注意：serve 不是按 https 服务的，只有 http 服务。注意 2：默认为 /index.html 提供服务，因此您的路由 /myApp 不匹配。
您好，感谢您的回复。最后发现这是端口防火墙问题哈哈。我太笨了。