前言

 

目前公司的项目前后端分离，前端用的是angular2框架，为了给伙伴浏览前端页面提供便利，需要将前端项目发布服务器上，大家都可以自由访问了。

 

　　正文

 

一、前端项目打包

 

1、打开前端项目，输入命令ngbuild（构建/编译应用）。

 

我们可以看到在文件根目录下会生成一个dist目录，里面就是编译，压缩好的文件。

 

二、发布项目

 

1、iis服务器→添加网站：

 

2、配置访问ip及端口：

 

三、遇见问题

 

1、权限未设置，限制访问

 

解决：找到访问的文件，右击属性→安全→添加everyone的访问权限。

 

2、HTTP错误500.24-InternalServerError,检测到在集成的托管管道模式下不适用的ASP.NET设置。

 

3、解决：

 

4、可以访问但是没有页面：

 

将360浏览器的兼容模式改为极速模式。

 

5、自己可以访问但是别人不能访问：

 

允许防火墙可以通过http服务访问应用（详见下面链接），或者直接把防火墙关了（简单粗暴不安全）。

 

四、最终效果

 

五、总结

 

之前发布网站在牛腩、积分项目中也见过，重复性的工作还是需要总结成经验的，不仅积累知识还会节省时间；以上问题的解决办法不止一种，还是需要多练习的。