1. 安装 Nginx 及基本使用
下载 Nginx 安装包
选择 Windows 版本下载并解压
启动 Nginx
- 方式一：直接双击 nginx.exe，双击后一个黑色的弹窗一闪而过；
- 方拾二：打开 cmd 命令窗口，切换到 nginx 解压目录下，输入命令
start nginx
检查 Nginx 是否启动成功
- 方式一：在浏览器地址栏输入 http://localhost:80，回车出现以下页面说明启动成功；
- 方式二：在cmd命令窗口输入命令 tasklist /fi “imagename eq nginx.exe” ，出现如下结果说明启动成功；
nginx 的配置文件是 conf 目录下的 nginx.conf，默认配置的 nginx 监听的端口为 80。
如果 80 端口被占用，可修改为未被占用的端口即可。
检查 80 端口是否被占用的命令是：
netstat -ano | findstr 0.0.0.0:80 # 或 netstat -ano | findstr "80"
重启 Nginx
当修改 nginx 配置文件 nginx.conf 时，不需要关闭 nginx 后重新启动 nginx。
只需打开 cmd (Powershell 需以管理员身份运行)，切换至 nginx 路径下执行以下命令。
nginx -s reload
关闭 Nginx
如果使用 cmd 命令窗口启动 nginx，关闭 cmd 窗口是不能结束 nginx 进程的。
可使用两种方法关闭 nginx：
- 方式一： nginx -s stop (快速停止 nginx) 或 nginx -s quit (完整有序的停止 nginx)
nginx -s stop
nginx -s quit
- 方式二： 使用 taskkill
taskkill /f /t /im nginx.exe
2. Vue 项目部署到 Nginx
- 将项目打包后的 dist 文件复制到 html 文件夹中
- 修改配置 nginx.conf 文件
修改 server，root 默认html，修改为：html/dist。Nginx 则会在dist中找到 index.html 打开
修改完成之后 nginx -s reload 重启
在浏览器输入：localhost:8090 检验是否成功;
手机端访问需要和电脑要处于同一局域网；
