将react项目部署到 阿里云服务器上 Ubuntu系统

1.编译你的React项目

我的项目是通过create-react-app脚手架创建的，当项目编写完成之后可以执行package.json下面的build脚本就可以了：

npm run build

build完成之后会发现在项目根目录下多了一个build文件夹，这个是我们后面部署到服务器中需要的文件。

2.服务器配置

2.1 购买阿里云服务器（略）

2.2安装Nginx服务器软件

1、进入任意目录，我选用的是通常选用的/usr/local/src目录

cd /usr/local/src　
2、下载相关组件
下载nginx压缩包,nginx: download选择一个版本，右键复制链接地址、
我安装的版本 wget https://nginx.org/download/nginx-1.18.0.tar.gz
解压压缩包 tar -xzvf nginx-1.18.0.tar.gz
3、可能会有报错，因为没有安装需要的环境
安装nginx相关组件

apt-get install libpcre3 libpcre3-dev
apt-get install zlib1g-dev
apt-get install openssl libssl-dev

三、启动nginx

　　1、启动nginx

/usr/local/nginx/sbin/nginx

　  2、查看nginx是否启动成功

netstat -lnp

　　3、基本操作

/usr/local/nginx/sbin/nginx#启动
/usr/local/nginx/sbin/nginx -s stop(quit、reload)#停止/重启
/usr/local/nginx/sbin/nginx -h#命令帮助
vi /usr/local/nginx/conf/nginx.conf#配置文件

四、nginx配置

　　1、打开配置文件

vi /usr/local/nginx/conf/nginx.conf

　　2、配置相关配置项

我把上面打包的build文件放在了 /usr/ 目录下与下面的路径对应，listens是nginx占用的端口号

server {
    listen      8002;    
    server_name 12.123.12.111; 这填写你自己的公网地址

    location /{
        root    /usr/build;
        index   index.html;
    
    }