React项目创建并打包到云服务器指定端口

云服务器推广链接 ： https://www.aliyun.com/minisite/goods?userCode=8bm3wvcd
使用这个链接购买服务器有优惠

1.输入命令npm run build打包react工程文件，完成后会生成一个如下图所示的build文件夹

2.将build文件放到服务器中

3.在nginx目录下新建一个vhost文件夹，文件夹下新建一个example.conf文件

server {

   listen  5000; //你所需要打开的端口

   server_name  （你的ip）; //你的IP地址

   root /www/server/nginx/user/my-react/build; //build文件的地址

   location / {

      try_files $uri $uri/ /index.html;

   }

   location @fallback {

     rewrite .* /index.html break;

   }

   error_page   500 502 503 504  /50x.html;

   location = /50x.html {

     root html;

   }
}

4.修改nginx/conf下的nginx.conf文件，include自己创建的example.conf文件地址

5.记得放行自定义的端口，云服务器和宝塔都要放行