如何在服务器上运行 reactjs（使用 create-react-app）答案

【问题标题】：How to run reactjs (using create-react-app) on a server如何在服务器上运行 reactjs（使用 create-react-app）
【发布时间】：2016-12-21 10:36:07
【问题描述】：

所以我显然无法访问我的服务器上的 localhost:3000，所以我想通过带有子文件夹的 ip 地址来测试它，例如（192.0.1.168/reactjs）。我已经运行 npm run build 并进入了 build 文件夹，但它显示了一个空页面。

我错过了什么吗？

【问题讨论】：

如何提供 index.html 文件？
@OleBläsing 这就是我想要弄清楚的。我可以让 angular 2 运行良好（而且很容易）。运行npm run build 后，index.html 位于构建文件夹中。但我不知道如何为它服务。我什至更改了homepage 选项...除非我做错了。更不用说 index.html 是空白的。

【解决方案1】：

npm run build 将您的源文件编译为应用的缩小版本。这个版本可以在你的 /build 目录中找到。

如果你想提供这个编译版本，你需要设置一个网络服务器。最常见的是“Apache”和“nginx”。将您的网络服务器配置为使用您的 /build 目录作为根目录。

对于您的网络服务器的配置建议，您应该阅读所选服务器的文档。

【讨论】：

我正在使用 apache，我正在直接访问构建目录，例如192.0.1.168/reactjs/build 但奇怪的是它显示为空白。
您知道如何更改构建位置吗？
您不应出于服务目的更改主页配置。您应该更改 Apache 的配置以使用 build 作为 root 目录。您可以将虚拟主机配置为在一台服务器上托管多个项目。
我将不得不研究虚拟主机，因为我不知道如何使用它。但现在，出于开发原因，我将其保留为 /build

【解决方案2】：

通过将"homepage": "/reactjs/build", 添加到package.json 来解决它。之前没有工作，因为我也没有在其中输入build。

所以下一个问题是，如何更改构建位置，以便我可以通过www.website.com/reactjs 而不是www.website.com/reactjs/build 访问它。

【讨论】：