阿里云服务器（centos7）的使用（6）一nginx部署react的项目

预览

一，前端打包：

1,大部分的打包命令都是：yarn build 或者 npm run build

然后在当前目录文件会生成build文件夹或dist文件夹

 

二，上传服务器：

将文件上传到服务器中，上传工具可以使用FileZilla。

三，配置nginx配置

我的nginx安装在/usr/local的目录下

在nginx/conf 下使用vim nginx.conf

这里是将react项目部署在9001端口下

server{
         listen           9001;
         server_name      localhost;
         root        /usr/local/web;
         location / {

             root       /usr/local/web/build;

             index    index.html;

             try_files  $uri $uri/ /index.html;
         }
     }

然后重启nginx就完成了。

注意：如果nginx.conf这样配置

server{
         listen           9001;
         server_name      localhost;
         root        /usr/local/web;
         location / {
             root       /usr/local/web/build;

             index    index.html;
         }
     }

访问也是可以访问，但是在浏览器刷新的时候 会报404错误