如何在 nginx 上托管使用“create react app”创建的 React 应用程序？答案

【问题标题】：How to host a React app created using "create react app" on nginx?如何在 nginx 上托管使用“create react app”创建的 React 应用程序？
【发布时间】：2019-07-16 05:16:51
【问题描述】：

我使用 npm run build 命令构建了 react 应用程序（使用 create-react-app 创建）。我将"homepage":"./" 添加到 package.json 文件并构建项目。（但我不确定在package json文件中homepage应该写什么）

然后，在 nginx 的 HTML 文件夹中创建了一个名为“sample”的新文件夹后，我将 build 文件夹中的内容复制到了 nginx 的 HTML 文件夹中。

然后在浏览器中，我打开了网址localhost:81/sample/，但它不起作用。

有人可以告诉我在 nginx 中托管我的 react 应用程序应该遵循的分步过程

【问题讨论】：

标签： reactjs nginx web-hosting package.json nginx-config

【解决方案1】：

首先确保 Nginx 在您的端口 8080 上运行（或在您的情况下为端口 8081，因为您将它托管在那里）。我不记得我必须将主页添加到 package.json 文件中。我只需要做npm run build 然后将构建文件夹复制到/usr/share/nginx/html/。但是，我的项目是在 Docker 上使用 React 的 Nginx。
您使用的是什么操作系统？有一些教程逐步显示在 Nginx 上托管它，例如，在 Ubuntu 上：https://medium.com/@timmykko/deploying-create-react-app-with-nginx-and-ubuntu-e6fe83c5e9e7

【讨论】：