部署Angular 4应用后出现HTTP Error 500.19内部服务器错误求助

我太懂你折腾好几个小时的崩溃感了——本地跑的顺顺当当的Angular 4应用，部署后先碰404，加了web.config又跳500.19，换了好几个系统都不行，确实头大。咱们一步步拆解排查：

1. 先搞定最常见的元凶：IIS重写模块缺失 #

HTTP Error 500.19最典型的诱因就是URL重写模块没安装。你的web.config里用到了<rewrite>规则，但IIS默认不带这个模块，直接用就会报错。

• 去微软官网下载「URL Rewrite Module 2.0 for IIS」安装，装完重启IIS试试。
• 验证方法：打开IIS管理器，看服务器节点下的「模块」列表，能找到RewriteModule就说明安装成功了。

2. 检查web.config的语法与路径逻辑 #

看你贴的配置，有两个容易踩坑的点：

• 重写动作里的url="/eCommerceWebsite"：如果你的IIS站点物理路径直接指向Angular的dist文件夹，这个路径应该改成url="/"——不然会指向不存在的子目录，导致重写失败。
• 隐藏格式问题：复制粘贴的配置可能带隐藏字符，建议用Notepad++这类纯文本编辑器重新整理一遍，确保标签闭合、语法正确。

修正后的参考配置：

<configuration>
  <system.webServer>
    <rewrite>
      <rules>
        <rule name="Angular Routes" stopProcessing="true">
          <match url=".*" />
          <conditions logicalGrouping="MatchAll">
            <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
            <add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
            <add input="{REQUEST_URI}" pattern="^/(api)" negate="true" />
          </conditions>
          <action type="Rewrite" url="/" />
        </rule>
      </rules>
    </rewrite>
  </system.webServer>
</configuration>

3. 排查文件夹权限问题 #

确保Angular的dist文件夹给了IIS相关用户读取权限：

• 右键dist文件夹→属性→安全→编辑→添加，输入IIS_IUSRS和IUSRS，分别赋予「读取和执行」权限。

4. 调整应用程序池设置 #

Angular是纯前端应用，不需要.NET运行时：

• 打开IIS管理器→应用程序池→找到你的站点对应池→高级设置→.NET CLR版本选择「无托管代码」。

5. 本地Win7/Win10测试的补充排查 #

如果本地测试也失败，大概率是本地IIS没配置全：

• 确保本地IIS安装了「静态内容」组件（控制面板→程序→启用或关闭Windows功能→Internet信息服务→万维网服务→常见HTTP功能→勾选静态内容）。
• 同样要安装URL重写模块，再把dist文件夹设为站点物理路径测试。

内容的提问来源于stack exchange，提问作者Vinil