Nginx部署前端项目

Nginx部署前端项目

Nginx下载

  1. 输入如下命令进行依赖下载,下载成功如下所示
yum install -y gcc-c++ pcre pcre-devel zlib zlib-devel openssl openssl-devel
notion image
  1. 下载nginx
  • 在linux系统进行下载,输入命令如下
wget http://nginx.org/download/nginx-1.25.1.tar.gz tar -zxf nginx-1.25.1.tar.gz # 解压缩
可创建文件夹或重命名解压后的nginx文件,方便管理
  1. 配置nginx
./configure
notion image
  • 出现如下界面代表安装成功
notion image
  1. 编译和安装nginx
#编译和安装一块进行,也可以分开 make&&make install
  • 成功界面如下
notion image
  1. 运行nginx
  • 进入sbin目录下,运行命令./nginx
./nginx
如果出现端口号被占用的情况(默认是80),则更换监听的端口号,并且打开防火墙
  • 通过输入命令 curl http://localhost:80进行访问
curl http://localhost:80
  • 出现以下界面代表成功,并可通过输入公网ip:端口号的形式进行访问
notion image
notion image

前端项目部署

  1. 前端项目打包
  • 将打包的前端项目放置于服务器
  1. 在nginx的conf目录下,修改成自己的前端项目路径,如下所示
notion image