如何在 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
我使用 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