Windows 系统安装使用 Nginx

传送门：Linux 系统安装 Nginx

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 检验是否成功;
手机端访问需要和电脑要处于同一局域网；