【项目部署】NGINX原生部署前端

如有拼错的单词感谢提醒~

一.准备工作

为了方便文件的管理，我们先在服务器上创建一个专门存放项目的目录。

# 1.查看当前所在目录
pwd
# 1.1 可以切换到根目录管理
cd /root
# 2.创建一个专门存放项目的文件夹
mkdir services
# 3.可以查看我们创建的文件夹
ls
# 4.进入到我们新创建的文件夹
cd services
# 5.将我们build打包的前端项目拖拽到当前目录
# 5.1 如果提示-bash: rz: command not found我们则需要先下载
yum -y install lrzsz
# 6.查看我们上传的安装包
ls
# 7.解压
unzip dist.zip
# 7.1 如果提示-bash: unzip: command not found 我们则需要先下载
yum install -y unzip zip
# 7.2 此外可以将文件名改成自己业务的名称，如此便算完成
mv dist gzTest

上述完整流程：

拖动上传项目：

查看并解压我们上传的安装包：

二.项目部署

首先我们需要到自己的服务器上安装NGINX服务器：

1. 进入到NGINX的官方进行下载:点击跳转。为了避免一些奇奇怪怪的错误，我们选择中间的稳定版进行下载。

2. 右键赋值它的下载链接
   

3. 在服务器上下载NGINX

# 1.我们可以先在根据目下创建一个目录用于存放软件
cd /root
mkdir soft
# 2.切换到soft目录
cd soft
# 3.下载Nginx（可直接复制，也可以去官网下载自己需要的版本）
curl -o nginx-1.24.0.tar.gz https://nginx.org/download/nginx-1.24.0.tar.gz
# 4.查看下载的Nginx
ls

4. 解压配置Nginx

# 1.使用指令解压我们下载好的Nginx
tar -zxvf nginx-1.24.0.tar.gz 
# 2.进入Nginx目录中
cd nginx-1.24.0
# 3.安装相关依赖（分别使用两条指令）
yum install pcre pcre-devel -y
yum install openssl openssl-devel -y
# 4.设置系统配置参数
./configure --with-http_ssl_module --with-http_v2_module --with-stream
# 5.开始编译
make
# 6.安装
make install
# 7.加入环境变量
vim /etc/profile
# 7.1 按 shift+g切换到最后一行，按i,新增以下内容.添加好后，先按Esc，再输入:wq保存退出
export PATH=$PATH:/usr/local/nginx/sbin
# 8.使配置文件生效
source /etc/profile

5. 设置项目路径

# 1.切换到配置文件目录下
cd /usr/local/nginx/conf
# 2.为了防止误错误，我们先备份一份配置文件
cp nginx.conf nginx.default.conf
# 3.修改配置文件
vim nginx.conf
# 3.，按i修改下述内容.修改好后，先按Esc，再输入:wq保存退出
user root; # 修改点1
location / {
	root /root/services/gzTest;
	index index.html index.html;
} # 修改点2
# 4. 更新配置文件
nginx -s reload

6. 防火墙相关

# 如果服务器防火墙开了需要开放对应端口，此外还要到云服务器网站开放相应80端口
# 1.增加端口
firewall-cmd --zone=public --add-port=80/tcp --permanent
# 2.重新加载配置
firewall-cmd --reload
# 3.查看开放端口
firewall-cmd --list-ports

如此我们便可以通过服务器ip或者域名去快乐的访问啦~