nginx 上部署 react 项目

一、linux上安装nginx

1、安装依赖

 yum install gcc

 yum install pcre-devel

 yum install zlib zlib-devel

 yum install openssl openssl-devel

2、切换目录：cd /usr/local

3、创建文件夹：mkdir nginx

4、下载nginx：cd nginx

 wget http://nginx.org/download/nginx-1.13.7.tar.gz

5、解压：tar -xvf nginx-1.13.7.tar.gz

6、切换目录：cd nginx-1.13.7

7、使用默认配置：./configure

8、编译安装：make

make install

9、测试配置文件：/usr/local/nginx/sbin/nginx -t

10、启动命令：/usr/local/nginx/sbin/nginx

11、查看进程命令：ps -ef | grep nginx

12、浏览器访问：http://192.168.106.130/

nginx常用命令：

 /usr/local/nginx/sbin/nginx -s stop 或者 : nginx -s quit 停止命令

 /usr/local/nginx/sbin/nginx -s reload 重启命令

二、部署react项目

Visual Studio Code的终端执行  npm run build    

得到dist文件夹

将dist中的文件拷贝到nginx服务器的html文件夹中

cd nginx-1.13.7/conf

修改 nginx.conf配置文件，配置端口号为8088

重启nginx

/usr/local/nginx/sbin/nginx -s reload