在windows使用nginx來部署靜態頁面(vue的頁面)


在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

當配置信息修改,需要重新載入這些配置時使用此命令。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM