windows下的nginx踩过的坑
前几天,我们这边需要搞一个项目。平时是线上的,访问可以直接通过线上的地址,很是方便。这不是一个v*n就可以搞定的事情吗?但是甲方爸爸想要做一个单机版的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)必杀技!屡试不爽 重启电脑
可以解决一大部分的问题