如何在服务器上使用现有域上的子目录主页提供 React 应用程序服务?

How to serve react app on server with sub-directory homepage on an existing domain?

我是网络开发新手。我想在我们实验室的服务器上部署一个 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 访问该应用程序。但是我的浏览器没有得到响应。

顺便说一句,有人可以详细解释一下 "homepage" 是如何工作的吗?

谢谢!

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

构建目录是 运行ning ´npm 运行 build´ 的结果,假设您已经使用 create-react-app 创建了应用程序。