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

以Vue项目为例，首先需要打包项目，在项目对应的根目录下，执行打包命令
npm run build
注意确保项目能在本地跑通
将打包成功后的dist文件整个移动到桌面，重新命名为项目名称

~建议小白可以跟着代码走~

2.上传安装包到服务器

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

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

3.安装Nginx相关依赖包

提醒：安装 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

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

以下为关于权限的解释：
未赋予权限:
-rw-r--r-- 1 root root *****  install_nginx.sh（这是执行脚本，但是当前由于-r--r可知没有执行权限）
-rw-r--r-- 1 root root ***** nginx-1.16.0.tar.gz （这是安装压缩包）
这是我赋予执行权限后的截图。。。

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

查看下执行脚本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

5.需要上线的文件上传到指定目录下

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

6.更改nginx conf配置文件

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

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

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

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

1.高级方法：打开Filezila--编辑--打开设置--文件编辑--使用自定义编辑器--在框内输入Notepad的位置，文本编辑器就行--总是使用默认编辑器。

2.中级方法：点击nginx.conf，右键下载，下载到本地后，在本地进行更改后再上传到原目录下，用记事本，notepad都可以，我用的notepad。

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

7.重启nginx!输入域名/弹性ip:端口号就可以访问啦！

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

8.工具包在这里

工具包连接

密码：ncfp

资源共享，点❤❤❤支持下⑧！(^_−)☆

9.感谢观看！

部署成功的项目demo。