前言

 

目前公司的項目前后端分離，前端用的是angular2框架，為了給伙伴瀏覽前端頁面提供便利，需要將前端項目發布服務器上，大家都可以自由訪問了。

 

　　正文

 

一、前端項目打包

 

1、打開前端項目，輸入命令ngbuild（構建/編譯應用）。

 

我們可以看到在文件根目錄下會生成一個dist目錄，里面就是編譯，壓縮好的文件。

 

二、發布項目

 

1、iis服務器→添加網站：

 

2、配置訪問ip及端口：

 

三、遇見問題

 

1、權限未設置，限制訪問

 

解決：找到訪問的文件，右擊屬性→安全→添加everyone的訪問權限。

 

2、HTTP錯誤500.24-InternalServerError,檢測到在集成的托管管道模式下不適用的ASP.NET設置。

 

3、解決：

 

4、可以訪問但是沒有頁面：

 

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

 

5、自己可以訪問但是別人不能訪問：

 

允許防火墻可以通過http服務訪問應用（詳見下面鏈接），或者直接把防火墻關了（簡單粗暴不安全）。

 

四、最終效果

 

五、總結

 

之前發布網站在牛腩、積分項目中也見過，重復性的工作還是需要總結成經驗的，不僅積累知識還會節省時間；以上問題的解決辦法不止一種，還是需要多練習的。