在 IIS 上部署 angular 个应用程序

Question

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

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

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

问题是，即使我使用完整的 url

，IIS 如何确定第一页位于 views 文件夹中

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

它显示了所有 angular 带括号的代码，例如 {{logginuser}} 等

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

Answer 1

You need set as start page to you main screen (like index.html)

如何在IIS中设置？

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

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

更多详情：How do I set the default page of my application in IIS7?

Answer 2

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

在 IIS 中，转到默认网站，右键单击并select 添加 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 浏览到您的新 Angular 应用程序（假设在 IIS 中进行 http 绑定）。

Answer 3

为此浪费了 2 个小时解决方案是转到 WINDOWS FEATURES 并在 COMMON HTTP 功能下检查 'static content'。

希望这对某人有所帮助。

在 IIS 上部署 angular 个应用程序

Deploy angular application on IIS

iis-7

node.js

angularjs

gulp