windows下的nginx踩过的坑

前几天，我们这边需要搞一个项目。平时是线上的，访问可以直接通过线上的地址，很是方便。这不是一个VPN就可以搞定的事情吗？但是甲方爸爸想要做一个单机版的demo。。。what？页面全是模拟数据，在自己电脑上就可以看到效果的。但是vue打包之后的跳转路径，直接访问本地资源是不可行的。难道这是个无解的问题？真是让人头秃。。。

问题来了:实现本地上三个项目的链接跳转。
如果直接跳转，路径是不正确的，如果加上http，地址栏就会少一个:，这是个什么鬼？
最后实在没办法了，求公司的大佬指了一条明路。在此，把这个明路记录下来。

1、window下安装nginx ，解压

• conf:nginx的配置文件
• html:vue打包之后的文件夹
• logs:打印日志(nginx启动成功之后，会生成nginx.pid文件)
• nginx:启动程序

2、配置各种文件

• listen:监听的端口号
• root:文件夹的名称
  
  如果有多个文件串在一起的项目，为了以后的好维护，一般都是在一个conf文件，写一个项目的配置

html下放入打包的文件

3、启动nginx

法1：双击nginx应用程序，输入localhost:80，有welcome to nginx！的页面，就说明启动成功了

法2：cmd进入nginx文件下，输入命令start nginx即可启动

4、重启ngixn

每次修改完nginx下的conf文件时，就需要重启nginx nginx -s reload

5、关闭ngixn

法1：nginx -s stop(快速停止nginx)

法2：nginx -s quit(完整有序的停止nginx)

6、关于nginx遇到的坑

（1）启动nginx不成功

解决办法：nginx默认的端口时80，首先查看80端口是否被占用netstat -ano | findstr 0.0.0.0:80或netstat -ano | findstr "80"

（2）不要放在带有中文的目录名称下！！！

（3）必杀技！屡试不爽 重启电脑可以解决一大部分的问题