使用Nginx部署前端项目步骤

1、在服务器中创建相应的项目文件夹

// 例如：根目录下创建一个test文件夹，用作此次项目中的整体目录
mkdir /test
cd /test
// 创建downloads，softwares，programs三个文件夹，第一个存放下载文件，第二个存放安装的工具，第三个存放要部署的项目
mkdir downloads softwares programs

2、通过命令wget远程下载nginx

cd /test/downloads
// wget <url>
wget http://nginx.org/download/nginx-1.18.0.tar.gz
// 使用命令行对其解压
tar -zxvf nginx-1.18.0.tar.gz

3、通过yum下载nginx依赖的包

// 以下四行命令按类分布安装依赖包
yum install gcc-c++
yum install -y pcre pcre-devel
yum install -y zlib zlib-devel
yum install -y openssl openssl-devel

// 一步安装依赖包
yum install -y gcc-c++ pcre pcre-devel zlib zlib-devel openssl openssl-devel

4、编译nginx源码

// 进入nginx源码路径
cd /test/downloads/nginx-1.18.0
// 将nginx源码编译到指定目录
./configure --prefix=/test/softwares/ng-1.18.0
// 运行make && make install 进行nginx初始化
make && make install

5、配置编译后的nginx

// 进入nginx配置文件夹
cd /test/softwares/nginx-1.18.0/conf
// 修改配置文件
vim nginx.conf
// 点击键盘中的a/i进行修改
server {
  listen 80; // 之前开放的端口
  server_name localhost; // 项目访问的地址，项目正式上线后的域名地址
  location / {
    root /test/programs/项目文件夹
    index index.html index.htm;
    #error_page 404 /404页面路径
    #redirect server error pages to the static page /50x.html
    #
    error_page 500 502 503 504 /50x.html;
    location  = /50x.html {
        root html
    }
  }
}
// 点击Esc键跳出编辑界面，并且按:wq保存相应的修改
:wq

6、添加防火墙设置

// 依次运行以下命令

// 开放项目所需要的端口，本示例开放80端口
fireware-cmd --permanent --add-port=80/tcp
// 重新启动防火墙
systemctl restart fireware.service
// 查看防火墙开放列表
fireware-cmd --list-ports

7、启动/停止/退出nginx等命令

// 启动nginx服务
/test/softwares/nginx-1.18.0/sbin/nginx
// 关闭nginx服务
/test/softwares/nginx-1.18.0/sbin/nginx -s stop
// 退出nginx服务
/test/softwares/nginx-1.18.0/sbin/nginx -s quit
// 重新打开nginx日志文件
/test/softwares/nginx-1.18.0/sbin/nginx -s reopen
// 重新加载nginx配置文件
/test/softwares/nginx-1.18.0/sbin/nginx -s reload

8、查看系统启动了哪些nginx，以及查看相应的安装路径和版本号信息

// 查看已经启动了哪些nginx
ps -ef | grep nginx
// 通过nginx的-v或者-V命令查看版本号信息
./nginx -v
./nginx -V