win10 使用nginx搭建本地測試環境(踩坑)

2021-09-25 17:59:06 字數 1916 閱讀 4861

目錄

2.配置

3.啟動服務

4.檢視

5.停止服務,重啟服務

6.參考鏈結

開啟/conf/nginx.conf檔案,修改配置

server 

}

location中配置的是專案打包後的入口目錄,為『d:\workspace\myproject\dist』,index.html是位於dist根目錄下的入口檔案。

注:此專案為單頁應用,因此只需要配置乙個入口;若不是單頁應用,或有多個入口頁面時,則需要配置多個入口。如下:

server 

location /home

}

未配置第二個location之前,若直接訪問「127.0.01:80/home」就會找不到頁面,現在配置了/home路徑指向的站點就可以了。踩坑:樓主的專案中使用了history模式的路由(不帶#號),vue專案原本的預設路由模式是hash(帶#的路由)。history路由模式下的專案,直接訪問入口目錄以外的其他目錄就會返回404,這時候需要加一些配置來讓nginx支援history模式,如下:

location /
這樣配置後就可以愉快的訪問「127.0.01:80/home」頁面了。找了網上一些的教程

啟動的命令有幾種

1. start nginx

2. nginx.exe

3. ./nginx

進入nginx解壓包的根目錄,開啟終端,執行以上命令中的任意一條,即可啟動,但是樓主這邊本地執行時只要是以nginx為開頭的命令就會一直報如下錯誤,包括停止命令「nginx -s stop」或「nginx -s quit」,重啟命令「nginx -s reload」。

最終通過「.\nginx」成功啟動服務。

開啟瀏覽器,輸入配置檔案中配置網域名稱及埠號「即可看到專案。

這裡需要注意的是埠不能與其他本地服務衝突。

若瀏覽器出現如下頁面:

說明配置檔案中的配置不正確,找不到專案入口就會顯示nginx預設的歡迎頁。

參考以下命令

// 停止,執行以下任意一條命令

1. nginx.exe -s stop

2. nginx.exe -s quit

3. nginx -s stop

4. nginx -s quit

5. ./nginx -s stop // 樓主使用的

// 重啟,執行以下任意一條命令

1. nginx.exe -s reload

2. nginx -s reload

3. ./nginx -s reload // 樓主使用的

鑑於樓主本地執行nginx開始的命令就會報錯,只能使用「./nginx -s stop」和「./nginx -s reload」。

WIN10本地搭建APACHE PHP執行環境

微軟全新作業系統windows10在190個國家和地區正式同步上市,正版windows7 windows8.1使用者均可在一年內免費公升級。介紹一下在公升級後的windwos10系統上安裝及配置apache及php步驟 感覺和windows7 8沒有差別 2 開啟apache24 conf下http...

win10 搭建robotframework 環境

1.python環境 我選擇的是python2.7.13版 64位 安裝完成後,新增環境變數。c python27 scripts 和 c python27 python安裝成功。2.安裝robotfrmework 第一種方式 安裝成功後,使用 pybot version能看到版本即成功安裝了。第二...

環境搭建 win10搭建vulkan

1,準備 glfw,vulkan,執行vulkan,安裝sdk glm和glfw解壓 vulkan目錄的third party。2,vs2015建立專案 檔案 新建 控制台應用程式。選擇,release x64 2.1 vc 目錄 包含目錄 c vulkansdk 1.1.106.0 include...