Windows下nginx部署vue配置(小白版)

2021-10-08 04:40:12 字數 2004 閱讀 5987

選擇nginx安裝包直接解壓即可(這個很簡單,就不多做演示了)

簡單命令:

啟動命令: start nginx

停止命令:nginx.exe -s stop

也可以在cmd命令視窗輸入命令

tasklist /fi 「imagename eq nginx.exe」 ,出現如下結果說明啟動成功

nginx的配置檔案是conf目錄下的nginx.conf,預設配置的nginx監聽的埠為80,如果80埠被占用可以修改為未被占用的埠即可.

如下圖為本人在配置時改的一些配置

下列引數是我在配置時查詢資料後得出的一些結果,我覺得搞懂這些引數很重要

(1)listen:監聽本機的埠 預設80 ,可修改

(2)server_name:

監聽本機的ip

(3)root:訪問專案的根目錄(絕對路徑)

(4)location /test/ :攔截請求中所有帶有「/test/ 」的請求,並將該請求**至**後的位址

location /static/

#上面實現的功能:假設**網域名稱為www.blog.com;那麼配置上面的功能是輸入www.blog.com/static/時,不管static後面是什麼頁面(頁面也可以不存在),那麼最終會同樣跳轉到www.abc.com這個**。

(5)proxy_pass(**後的位址):

(6)$request_url:nginx中引數 代表原請求中的請求;

比如這個url,去掉www.baidu.com剩下的就是了,「/pan/beta/test1?fid=3」

(7)rewrite:rewrite是nginx伺服器提供的乙個重要的功能,它可以實現url重定向功能。

基本語法rewrite

regex replacement [flag];

rewrite的含義:該指令是實現url重寫的指令。

regex的含義:用於匹配uri的正規表示式。

replacement:將regex正則匹配到的內容替換成 replacement。

flag: flag標記。

例:rewrite ^/(.*)

permanent;

說明:rewrite: 為固定關鍵字,表示開始進行rewrite匹配規則。

replacement:就是

這塊了,其中1這塊了,其中1是取regex部分()裡面的內容。如果匹配成功後跳轉到的url。

將開發好的vue專案打包後,將dist資料夾放在本地某個資料夾下,例如我將dist資料夾放在了本地後的位址為d:\work\dist;

首先增加以下配置:

(1)root

d::work\dist;該配置為確定mginx訪問專案的根目錄

(2)location /test/

location @router

若/baseenv無法匹配到的時候,則會到 / 匹配中依次去

u ri

、uri、

uri、

uri/ 和 location @router 中尋找到對應的資源

例:location /images/ {

root  /opt/html/;
try_files $uri $uri/ /images/default.gif;

比如 請求 127.0.0.1/images/test.gif 會依次查詢 1.檔案/opt/html/images/test.gif 2.資料夾 /opt/html/images/test.gif/下的index檔案 3. 請求127.0.0.1/images/default.gif

Windows下安裝部署Nginx伺服器

nginx是乙個開源的web伺服器,同時nginx也提供了反向 和負載均衡的功能。nginx通常作為負載均衡器暴露在外網接受使用者請求,同時也使用其反向 的功能,將使用者的請求 到實際提供服務的內網伺服器。正向 乙個位於客戶端和目標伺服器之間的 伺服器 中間伺服器 為了從原始伺服器取得內容,客戶端向...

Nginx本地專案部署(Windows)

2.配置nginx.conf檔案 3.配置專案 4.啟動服務 這裡主要修改server裡的內容 server 進入到nginx資料夾下,進入cmd命令框,執行 start nginx 啟動服務 nginx s quit 優雅地停止nginx服務 nginx s stop 強制關閉nginx服務 ng...

windows下Nodejs環境部署

nodejs是基於v8引擎的輕量級框架,其特點為事件驅動 非阻塞 單執行緒 非同步 等。nodejs相對於其他執行在伺服器端的語言,容易學習,使用方便。本文將介紹windows下nodejs的環境搭建。nodejs mongodb express 安裝成功,可通過 node v 檢視nodejs版本...