前端Nginx服务器部署项目（阿里云华为云均可）本文以Vue项目为例。

1.打包项目（静态页面可直接跳过这个步骤）

2.上传安装包到服务器

• 使用工具：Filezilla 工具
• (σﾟ∀ﾟ)σ..:*☆  工具包瞅文章末尾，打包放在百度网盘上，自行下载即可~~
• 步骤：
• 解压，打开Filezila.exe，连接服务器

• 进入目录/opt/，之后右键新建soft，进入/opt/soft/目录
• 上传install_nginx.sh 和 nginx-1.16.0.tar.gz 到 /opt/soft/。直接将文件拖拽进去即可。
• 这两个文件我放在文章末尾的百度网盘里啦，有需要的friend自行下载~~~
  

3.安装Nginx相关依赖包

• 使用工具： SecureCRT 工具
• (σﾟ∀ﾟ)σ..:*☆ 工具包瞅文章末尾，打包放在百度网盘上，自行下载即可~~
• 步骤：

• 解压，打开SecureCRT.exe，连接服务器（不会的可以点击查看安装教程）
  

• 提醒：安装 nginx 依赖包（gcc,pcre）安装时有提示输入，直接输入 y 按回车即可
• 安装 gcc，目的为了编译 nginx 
• yum install gcc-c++

                     操作截图如下：我已经安装过啦

• 安装 pcre，目的：帮助nginx解析正则表达式
•  yum install -y pcre pcre-devel
• 安装 zlib，目的：提供文件压缩和解压方式，帮助nginx对 http包内容进行解压
  
•  yum install -y zlib zlib-devel
• 安装 openssl，目的：因为nginx 支持http和https协议
•  yum install -y openssl openssl-devel 

4.赋予脚本执行权限，执行脚本

因为我们刚刚上传了nginx的安装压缩包与脚本。接着便要赋予脚本执行权限，执行脚本。

查看目录内容

• cd /opt/soft/ 
• ls
• ll

• 查看下执行脚本install_nginx.sh的内容

• cat /opt/soft/install_nginx.sh

脚本install_nginx.sh执行内容解释：
#!/bin/bash
cd /opt/soft  首先会进入到/opt/sof/这个目录tar -zxvf nginx-1.16.0.tar.gz 然后将文件解压

cd nginx-1.16.0/  之后进入解压后的目录
./configure \  将nginx进行编译
--prefix=/usr/local/nginx \  编译prefix之后的文件目录在/usr/local/nginx/中
--with-http_stub_status_module \ 打开对应的服务
--with-http_ssl_module  打开对应的服务
make && make install 开始进行nginx安装

------------------------------------------------------------------------------------------------

• 为所有者（u）增加脚本执行权限
• chmod u+x install_nginx.sh
• 展开列表，看到-rwxr--r--*****(上图)，表示有执行权限
  
• ll
• 执行脚本
• ./install_nginx.sh
• 安装成功，进入安装目录  
  
• cd /usr/local/nginx/sbin/

• ll

• 启动 nginx   
• ./nginx 
• 查看启动的 nginx 进程，同时后续如果要判断nginx是否启动，也可以输入此条命令，如果窗口只有一个进程，那么说明nginx未启动，如果多条进程，这说明已启动。

• ps -ef|grep nginx

• 工具Filezila
• 进入/usr/local/nginx/html
• 将需要上传的文件上传至目录中
• 进入/usr/local/nginx/html/lsdvwiki-Datav，我上传的文件名称：lsdvwiki-Datav
• 复制目录
  

• 成功就在眼前啦！！奥利给！！nginx conf配置文件详细信息！
  
• 使用工具：Filezila
• 进入 /usr/local/nginx/conf 目录
  

• 找到nginx.conf文件
• 开始更改，更改两处即可。
• 左为最开始的文件，右为更改后的文件
  
• listen表示端口（教咋开放服务器端口）  /我开放的端口为8080
  
• serve_name 表示域名解析                      /我域名为*****也可以写弹性ip
  
• root写文件在服务器中的目录      粘贴-->/我文件位置/usr/local/nginx/html/文件夹名称
  
• 注意一定一定要记得加；冒号，要不容易报错！

• 有两种更改nginx.conf文件的方式

• 使用工具：SecureCRT
• 重新加载配置nginx
  
• ./nginx -s reload
• 在浏览器输入域名 or 弹性ip:端口号就OK！啦！

• 部署成功的项目demo。