1…安裝nginx
首先,進入nginx 的官網,下載nginx,安裝nginx
通過,https://nginx.org/ 鏈接進入
Mainline version:開發版,mainline 目前主力在做的版本
Stable version:最新穩定版,生產環境上建議使用的版本
Legacy versions :遺留老版本的穩定版
由此可見,我們要下載的是穩定版的,這樣能避免出現一些問題。
點擊下載,解壓到某一個文件夾。
注意:解壓到的文件夾不能包括中文,否則可能不能正常啟動
雙擊啟動接口
在瀏覽器中輸入localhost,看到下面的頁面說明安裝成功了。
2…啟動項目:
因為我做的是vue項目,項目在打包之后有一個dist 的文件夾,把項目的dist 文件夾復制過來,放到 nginx 的目錄下:
然后在conf 中找到nginx.conf,打開nginx.conf:
將server 中location 中 root 修改為dist:
修改完配置文件之后,要重啟一下。最好把nginx 停止,再啟動。
不然可能頁面會出現顯示403。
window 下啟動,關閉,重啟nginx命令: 記得先切換到存放nginx的路徑下在執行命令,如F:\nginx-1.18.0
啟動的話就是直接點擊下載下來的nginx.exe 就可以啟動nginx。
關閉:
nginx -s quit 或者 nginx -s stop
stop :立即停止nginx,不保存相關信息
quit :正常退出nginx,保存相關信息
重啟:
nginx -s reload
reload :改了配置信息的時候,需要重啟,可以執行此命令。
然后重新運行一下 localhost 可以啟動你的項目。前提是你得看看你的端口有沒有被占用,如果占用了,可以去 iis 管理器 停掉相應的服務,再回網頁啟動試一試。
如果還是不行的話,要去電腦的資源管理器->進程,看看你的nginx是不是有多個,如果有多個的話,可以先全部停止,然后再重新啟動。