IIS部署Angular应用报HTTP 500.19错误，移除web.config后出404如何解决

DevOps 小满

2026-10-6

问题原因与解决方案

1. HTTP 500.19错误解决

你当前报错的核心原因是IIS未安装URL重写模块：你提供的web.config中使用了<rewrite>规则实现前端路由重定向，这个功能是IIS的可选扩展模块，默认不会随IIS安装。
解决步骤：

下载安装对应IIS版本的URL重写模块
安装完成后重启IIS服务，重新放置web.config文件即可解决该报错。

2. 删除web.config后404错误解决

该问题是Angular单页应用的固有特性：Angular使用前端路由，所有路由跳转都在index.html内完成，刷新页面时IIS会按照路径去查找真实的物理文件/目录，找不到对应资源就会返回404。
你的web.config里的重写规则就是用来解决这个问题的，只要修复上面的500.19报错，刷新404的问题会同步解决。

3. Angular与.NET Core应用的关联配置

根据你的部署方式不同，需要做对应的配置：

前后端独立部署（Angular和.NET Core分别对应不同IIS站点、不同端口/域名）：
- 确认Angular的app.config.json中apiUrl填写的是.NET Core站点的完整可访问地址（不要用相对路径）
- 在.NET Core应用中配置CORS跨域规则，允许Angular站点的域名/端口访问接口，避免跨域报错
前后端合并部署（Angular打包后放入.NET Core站点的wwwroot目录）：
- 不需要为Angular单独创建IIS站点，直接使用.NET Core的站点即可
- 在.NET Core的Program.cs中添加如下配置：
```
// 启用默认文档，默认指向index.html
app.UseDefaultFiles();
// 启用静态文件服务，访问wwwroot下的Angular打包资源
app.UseStaticFiles();
// 配置前端路由 fallback，所有不匹配后端接口的请求都返回index.html
app.MapFallbackToFile("index.html");
```
这种部署方式下可以不用单独给Angular配置web.config重写规则。