如何在 nginx 上托管使用 "create react app" 创建的 React 应用程序?

How to host a React app created using "create react app" on nginx?

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

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

然后在浏览器中,我打开了URLlocalhost:81/sample/,但是没有用。

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

  • 首先确保 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