在 IIS 上部署 Angular 应用程序答案

【问题标题】：Deploy angular application on IIS在 IIS 上部署 Angular 应用程序
【发布时间】：2015-12-19 13:58:51
【问题描述】：

我正在使用 node.js 开发 AngularJs 应用程序。使用 gulp，我创建（编译）了我的应用程序（下图中的app）并获得了以下目录

现在我完全明白下一步该怎么做。我想通过 IIS 托管此应用程序以运行并查看页面（在 views 文件夹中），但我不知道如何在 IIS 上托管它。

我试过this 文章，但它指导使用快递服务器。

问题是，即使我使用完整的 url，IIS 将如何确定第一页位于 views 文件夹中

http://localhost:8078/views/index.html

它向我显示了所有带有括号的角代码，如 {{logginuser}} 等

编辑：我是否需要这里的 web.config 文件。如果是，那么我将如何定义应用程序的入口点？

【问题讨论】：

您需要设置为主屏幕的起始页（如 index.html）
如何在 IIS 中设置？
查看我如何在 IIS 中设置它的答案？ :)
对于您在 gulp 中设置的构建过程知之甚少。加载该 url 时使用哪些资源路径？你为什么打开views目录而不是root？
@charlietfl: app 是我的目标文件夹，gulp 复制缩小的文件。这个应用程序在 wampserver 上完美运行，但我不知道如何通过 iis 部署它

标签： angularjs node.js iis-7 gulp

【解决方案1】：

只需在 IIS 中的网站下配置 Web 应用程序并创建自定义 web.config。

在 IIS 中，转到默认网站，右键单击并选择添加 Web 应用程序
将别名设置为 AngularApp，将物理路径设置为目录的根目录

在目录根目录下添加web.config文件，代码如下

<?xml version="1.0" encoding="UTF-8"?>
<configuration>
  <system.webServer>
    <defaultDocument>
        <files>
            <add value="views/index.html" />
        </files>
    </defaultDocument>
  </system.webServer>
</configuration>

通过转到http://localhost/AngularApp（假设在 IIS 中绑定 http）浏览到您的新 Angular 应用程序。

【讨论】：

当我这样做时，我的应用程序会中断，因为它不再找到其他资源。有什么建议吗？

【解决方案2】：

为此浪费了 2 个小时解决方案是转到WINDOWS FEATURES 并检查COMMON HTTP 功能下的“静态内容”。

希望这对某人有所帮助。

【讨论】：

【解决方案3】：

您需要将主屏幕设置为起始页（如 index.html）

如何在 IIS 中设置？

只需转到 web.config 文件并添加以下内容

<system.webServer>
    <defaultDocument>
      <files>
        <clear />
        <add value="index.html" />//Path of your Page
      </files>
    </defaultDocument>
</system.webServer>

【讨论】：

这是一个 angularJs 应用程序，正如我所说，如果我用完整的 url 浏览页面，它不会解决 angularJs 约定。
我浏览到http://localhost:8078/views/home.html，它显示给我的是{{Title}}，而不是显示Hellow World Application。
没有控制台错误。实际上上面的配置不起作用。我手动更改了网址。