在windows使用nginx来部署静态页面(vue的页面)
首先我们去Nginx官网
那么我们可以选择正在开发的版本(理论上应该需要使用stable version)
点击下载完成,我们进行解压,可以看到
那么我们需要进行修改的地方是在conf目录下的nginx.conf
里面的相关注释是在是太多了,那么我把所有的注释清除一下(这是方便看清nginx配置到底需要什么基础的配置)
worker_processes 1; events { worker_connections 1024; } http { include mime.types; default_type application/octet-stream; sendfile on; server { listen 80; ##表示的项目所占用的端口 server_name localhost; location / { root ketech-v; #表示你的项目文件所处于的位置,在windows下面表示的是与conf目录处于同一级 index index.html index.htm; } error_page 404 /index.html; #这个配置,预防页面刷新后跳转到404页面 #error_page 500 502 503 504 /50x.html; 这里是对500异常的重定位,我们一般不需要 #location = /50x.html { # root html; #} } }
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31
- 32
修改好以上的配置后,我们接着看一下目录
双击一下nginx.exe文件,会看到屏幕一闪而过,那么表示nginx已经启动了,当然你也可以使用Dos命令来进行操作(注意,需要在nginx的安装目录下,也就是与nginx.exe处于同一级使用下面的命令)
开启Nginx使用start nginx或者nginx.exe
关闭Nginx使用nginx.exe -s stop 或者nginx.exe -s quit
注:stop是快速停止nginx,可能并不保存相关信息;quit是完整有序的停止nginx,并保存相关信息。
重新载入Nginx使用nginx.exe -s reload
当配置信息修改,需要重新载入这些配置时使用此命令。