在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
當配置信息修改,需要重新載入這些配置時使用此命令。