如何在nginx上托管使用create react app创建的recat app?

时间:2019-02-22 06:47:28

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

我使用npm run build命令构建react应用(使用create-react-app创建)。我在package.json文件中添加了“ homepage”:“ ./”并构建了项目。 (但是我不确定应该在包json文件的首页中写些什么)

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

然后在浏览器中,我写了URL localhost:81 / sample / 但这不起作用。

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

1 个答案:

答案 0 :(得分:0)

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