天天看點

win7配置IIS服務,并将Web前端項目釋出到IIS伺服器運作

前端開發中,經常遇到有些場景,需要用到伺服器環境,比如:

  1. 寫了靜态頁面需要在手機的調試
  2. 前後端分離中用到一些架構,vue,react,angular,這些将打包後的靜态資源放到伺服器上去
  3. ……

那麼接下來,讓我們學習怎麼利用windows自帶的伺服器IIS來跑項目吧!

一、首先我們來配置IIS服務

1、開始 ——> 控制台(或計算機——> 控制台)

win7配置IIS服務,并将Web前端項目釋出到IIS伺服器運作

2、打開控制台後,找到預設程式

win7配置IIS服務,并将Web前端項目釋出到IIS伺服器運作

3、點選預設程式,此時面闆下邊有程式和功能

win7配置IIS服務,并将Web前端項目釋出到IIS伺服器運作

4、點選進入程式和功能,左邊欄有打開或關閉windows功能

win7配置IIS服務,并将Web前端項目釋出到IIS伺服器運作

5、點選後,彈出windows功能框,找到Internet資訊服務-----Web管理工具,下邊的IIS服務都勾上 ,點選确定按鈕

win7配置IIS服務,并将Web前端項目釋出到IIS伺服器運作

5、點選确定按鈕,後重新開機計算機

win7配置IIS服務,并将Web前端項目釋出到IIS伺服器運作

二、重新開機完計算機後,接下來我們來将前端的項目釋出到IIS伺服器

1、繼續打開控制台,找到管理工具

win7配置IIS服務,并将Web前端項目釋出到IIS伺服器運作

2、現在,我們可以看見Internet資訊服務管理器,輕按兩下Internet資訊服務(IIS)管理器,看見如下彈框

win7配置IIS服務,并将Web前端項目釋出到IIS伺服器運作

3、右擊上圖紅框,點選添加網站

win7配置IIS服務,并将Web前端項目釋出到IIS伺服器運作

補充:看彈框的實體路徑和本地的項目目錄對比(下圖),本地檔案夾dist下有index.html檔案,實體路徑dist檔案夾下是看不到的(就是想告訴你,文章最後我通路的就是這個頁面哦!)

win7配置IIS服務,并将Web前端項目釋出到IIS伺服器運作

4、如果這時提醒你:80:已經指定給另一個網站(如下圖),表示端口号已經被占用,點選“否”

win7配置IIS服務,并将Web前端項目釋出到IIS伺服器運作

修改端口号

win7配置IIS服務,并将Web前端項目釋出到IIS伺服器運作

5、看見下圖,網站已經添加成功

win7配置IIS服務,并将Web前端項目釋出到IIS伺服器運作

6、最後一步,去浏覽器中通路頁面吧,你的IP+端口号(比如:192.168.1.11:8888/index.html)

win7配置IIS服務,并将Web前端項目釋出到IIS伺服器運作

注:實體路徑指定的檔案夾下有index.html直接可通路 IP+端口号 ,也就是說我通路192.168.1.11:8888就可以了(會預設去找index.html這個檔案),如果沒有index.html檔案,需要寫全通路路徑

到這裡就成功使用windows自帶的iis服務,快點跑自己的項目吧!

補充:關閉服務、重新開機服務

win7配置IIS服務,并将Web前端項目釋出到IIS伺服器運作

歡迎大家評論留言 _,歡迎大牛們指教