Web前端项目发布到iis服务器

前言

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

正文

   1、前端项目打包

     打开前端项目，输入命令ng build  （构建/编译应用）

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


    

   2、发布项目

       iis服务器→添加网站：

       


配置访问ip及端口：

   3、 遇见问题

权限未设置，限制访问               ***解决：找到访问的文件，右击属性→安全→添加everyone的访问权限



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

            


   

***解决：

     


    可以访问但是没有页面：

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

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

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

      IIS站点自己可以访问别人却访问不了解决办法

   4、最终效果

    

 总结

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

        人生只有跑出来的美丽，没有等出来的辉煌。