1、下载并解压nginx

nginx下载网站：http://nginx.org/en/download.html 。本文以 nginx/Windows-1.12.2为例。

下载 nginx/Windows-1.12.2 压缩包后通过解压获得以下文件：

ps：注意，存放nginx的文件夹名字必须为英文，否则会报错

2、启动nginx

（1）直接点击解压文件中的 nginx.exe 文件，屏幕一闪即可

（2）通过cmd命令窗口进入nginx解压目录，输入命令 nginx.exe 或者 start nginx ，回车即可。

3、检查nginx是否启动

直接在浏览器地址栏输入网址 http://localhost:80，回车，出现以下页面说明启动成功：

 如果出现以下界面，那么说明当前端口号被占用，需要重新设置一个：

 设置端口号的文件为  nginx-1.12.2  —–> conf —–>nginx.conf ,找到 sever —-> listen 80 将其修改为没有占用的端口号后重新点击 nginx.exe 文件即可

 判断当前端口号是否被占用的指令为（在cmd命令窗口中输入）： netstat -ano | findstr 0.0.0.0:80 或 netstat -ano | findstr “80”，此处建议使用第一个。

ps:后续关于跨域问题的解决、数据地址路径等配置都是在 nginx.conf —> server 中实现的。

ps1:当我们修改了nginx的配置文件nginx.conf 时，不需要关闭nginx后重新启动nginx，需要先通过cmd命令窗口进入nginx解压目录，然后执行指令 nginx -s reload 即可让改动生效。

 4.部署项目

ps：本文目前只是简单的记录一下初学nginx时的一些步骤，所以怎么简单怎么来（以vue为例）。

（1）创建vue项目，准备好内容后进行打包操作。

（2）将打包后获取到的 dist 文件夹中的所有文件复制粘贴到 nginx-1.12.2  —> html 文件夹中，如图：

刷新一下界面，内容会从 welcome to nginx 变为你项目中的内容，如果没有，重新启动一下nginx。

ps：后续配置  nginx.conf 是nginx部署项目的重点（我感觉），

 5.关闭nginx

（1）先通过cmd命令窗口进入nginx解压目录，然后输入nginx 指令：nginx -s stop(快速停止nginx)  或  nginx -s quit(完整有序的停止nginx)。

（2）只需要打开cmd命令窗口，输入指令 taskkill /f /t /im nginx.exe 出现以下内容即可：