如何部署ASP.NET MVC 5+Angular 4应用到IIS？遇配置文件读取问题

嘿，作为Angular新手遇到这个发布问题太正常了，我来帮你一步步捋清楚！

核心结论：不需要部署全部node_modules文件夹 #

node_modules里大部分是开发依赖（比如TypeScript编译器、构建工具这些），生产环境根本用不上。真正需要的运行时依赖，其实可以通过构建打包到最终的生产文件里，没必要把整个node_modules丢到IIS上——既占空间，还容易出路径问题。

为什么IIS识别不了system.config.js？ #

大概率是这几个原因：

• IIS没开启静态文件处理：默认情况下，IIS可能没有配置允许.js这类静态文件的请求，导致请求system.config.js时直接返回404。
• ASP.NET MVC路由拦截了静态文件：MVC的路由规则会优先处理所有请求，如果没有特意排除静态文件，它会把system.config.js的请求当成MVC路由来处理，自然找不到对应的控制器。
• system.config.js里的路径配置不对：本地开发时的路径（比如相对路径）在IIS部署环境下可能失效，导致找不到依赖文件。

具体解决步骤 #

1. 先确保IIS启用了静态文件功能 #

打开IIS管理器，找到你的站点，在右侧“功能视图”里检查是否有“静态文件”模块。如果没有，右键站点→“添加角色服务”，找到“静态文件”勾选安装即可。

2. 配置MVC路由，别拦截静态文件 #

打开项目里的RouteConfig.cs，在路由规则里添加忽略静态文件的规则：

public class RouteConfig
{
    public static void RegisterRoutes(RouteCollection routes)
    {
        routes.IgnoreRoute("{resource}.axd/{*pathInfo}");
        
        // 添加这几条规则，排除Angular相关的静态文件
        routes.IgnoreRoute("system.config.js");
        routes.IgnoreRoute("app/{*pathInfo}");
        routes.IgnoreRoute("node_modules/{*pathInfo}"); // 如果确实需要部署部分依赖的话
        
        routes.MapRoute(
            name: "Default",
            url: "{controller}/{action}/{id}",
            defaults: new { controller = "Home", action = "Index", id = UrlParameter.Optional }
        );
    }
}

另外也可以在web.config里补充MIME类型配置，确保IIS能正确识别.js文件：

<system.webServer>
  <staticContent>
    <mimeMap fileExtension=".js" mimeType="application/javascript" />
  </staticContent>
</system.webServer>

3. 用生产构建打包后再部署（推荐） #

angular-quickstart本身支持生产构建，在项目根目录打开命令行，运行：

npm run build

这个命令会生成一个dist文件夹，里面是打包压缩好的生产环境文件——包含了所有运行时需要的依赖，不需要再部署node_modules。直接把dist里的内容部署到IIS站点目录下就行，这样路径问题也会少很多。

4. 如果一定要部署部分node_modules（不推荐） #

如果因为某些原因必须部署部分依赖，一定要检查system.config.js里的map配置，确保路径是IIS环境下能访问到的相对路径。比如：

System.config({
  map: {
    '@angular/core': 'node_modules/@angular/core/bundles/core.umd.js',
    // 其他依赖的路径也要确保正确
  }
});

同时要确保IIS能访问到node_modules文件夹，权限设置正确。

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