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

时间:2024-05-19 20:28:28

预览

一,前端打包:

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

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

 

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

二,上传服务器:

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

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

三,配置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错误