大家好，我是IT修真院上海第3期學院劉民舉，一枚正直、純潔、善良的前端程序員。
今天給大家分享一下，修真院官網任務css-1，深度思考的知識點——如何配置nginx，實現在手機上查看頁面？
如何配置nginx，實現在手機上查看頁面？
小課堂【上海第3期】
分享人：劉民舉
1.背景介紹
1、靜態HTTP服務器? ? ? ? ? ? ? ? 首先，Nginx是一個HTTP服務器，可以將服務器上的靜態文件（如HTML、圖片）通過HTTP協議展現給客戶端。
2、反向代理服務器? ? ? ? ? ? ? ? 什么是反向代理？? ? ? ? ? ? ? ? 客戶端本來可以直接通過HTTP協議訪問某網站應用服務器，網站管理員可以在中間加上一個Nginx，客戶端請求Nginx，Nginx請求應用服務器，然后將結果返回給客戶端，此時Nginx就是反向代理服務器。
3、負載均衡? ? ? ? ? ? ? ? 當網站訪問量非常大，網站站長開心賺錢的同時，也攤上事兒了。因為網站越來越慢，一臺服務器已經不夠用了。于是將同一個應用部署在多臺服務器上，將大量用戶的請求分配給多臺機器處理。同時帶來的好處是，其中一臺服務器萬一掛了，只要還有其他服務器正常運行，就不會影響用戶使用。Nginx可以通過反向代理來實現負載均衡。
4、虛擬主機
有的網站訪問量大，需要負載均衡。然而并不是所有網站都如此出色，有的網站，由于訪問量太小，需要節省成本，將多個網站部署在同一臺服務器上。
例如將www.aaa.com和www.bbb.com兩個網站部署在同一臺服務器上，兩個域名解析到同一個IP地址，但是用戶通過兩個域名卻可以打開兩個完全不同的網站，互相不影響，就像訪問兩個服務器一樣，所以叫兩個虛擬主機。
2.下載安裝
下載后直接點擊nginx.exe程序，你會發現有個黑色彈出框一閃即逝；說明成功啟動；
然后隨便打開一個瀏覽器；輸入localhost出現下圖:
說明配置成功
3.具體測試方法
Nginx的配置文件是文件夾中的conf文件下的nginx.conf，其實配置文件默認不修? ? ? ? ? ? ? ? 改也是可有用的；如果你通過瀏覽器輸入localhost出現的頁面即為文件夾下HTML文件中的index.html；所以你可以將你想要檢測的產品放? ? ? ? ? ? ? ? 到HTML文件夾中，并將原本的index.html文件給刪了，這個時候打開網頁輸入localhost，使用ctrl+F5清下瀏覽器緩存即出現你產? ? ? ? ? ? ? ? 品中的index.html(產品的首頁都會命名為index.html）頁面，然后進行一系列測試看看是否OK
3.修改配置
實際的測試過程中，一般不大可能會將產品放入nginx文件里的html文件夾中，這個時候就需要修改配置，使匹配的路徑改為我們想要的文件夾
4.操作演示
6.如何在手機端訪問
首先，電腦和手機連接上同一個wifi然后查看電腦ip:win+R→cmd→ipconfig→回車, 找到無限局域網適配器wlan中的ip地址，例如我的是192.168.0.119然后手機瀏覽器中輸入192.168.01.119/task1.html 就可以看到自己的代碼
6.常見問題
nginx對文件夾英文取名不敏感，對中文敏感，路徑中不能存在中文字符
出現報錯，nginx路徑下的\logs\error.log就是錯誤日志，復制里面的內容去百度就行
7.參考文獻
參考一：古塵師姐的知乎回答
參考二：Nginx的理解
參考三：Nginx面試中常見的18道題目
8.更多討論
在配置路徑的時候為什么用E:\wy\task，E:\task等路徑都會顯示錯誤
鳴謝
感謝大家觀看
BY : 劉民舉
