1. 程式人生 > >Web前端專案釋出到iis伺服器

Web前端專案釋出到iis伺服器

前言

    目前公司的專案前後端分離,前端用的是angular2框架,為了給夥伴瀏覽前端頁面提供便利,需要將前端專案釋出伺服器上,大家都可以自由訪問了。

正文

   1、前端專案打包

     開啟前端專案,輸入命令ng build  (構建/編譯應用)

     我們可以看到在檔案根目錄下會生成一個dist目錄,裡面就是編譯,壓縮好的檔案。

   2、釋出專案

       iis伺服器→新增網站:

       

配置訪問ip及埠:


   3、 遇見問題

  • 許可權未設定,限制訪問               ***解決:找到訪問的檔案,右擊屬性→安全→新增everyone的訪問許可權
  •   HTTP錯誤500.24-Internal Server Error,檢測到在整合的託管管道模式下不適用的ASP.NET設定。

            

***解決:

     

  •     可以訪問但是沒有頁面:

        ***  將360瀏覽器的相容模式改為極速模式。

  •     自己可以訪問但是別人不能訪問:

        *** 允許防火牆可以通過http服務訪問應用(詳見下面連結),或者直接把防火牆關了(簡單粗暴不安全)

   4、最終效果

    

 總結

        之前釋出網站在牛腩、積分專案中也見過,重複性的工作還是需要總結成經驗的,不僅積累知識還會節省時間;以上問題的解決辦法不止一種,還是需要多練習的。

        人生只有跑出來的美麗,沒有等出來的輝煌。