IIS Express无法提供ES6 JavaScript模块，报401 Unauthorized错误求解决

嘿，这个问题我之前帮好几个开发者踩过坑——确实和IIS的配置脱不了干系，尤其是静态文件处理和身份验证/请求筛选的设置。下面一步步帮你搞定：

1. 先搞定MIME类型配置 #

IIS默认虽有.js对应的text/javascript MIME类型，但ES模块脚本的请求对类型识别更敏感，我们可以显式在项目的web.config里确认配置：
打开项目根目录的web.config，在<system.webServer>节点下添加（或修改）静态内容配置：

<system.webServer>
  <staticContent>
    <remove fileExtension=".js" />
    <mimeMap fileExtension=".js" mimeType="text/javascript" />
    <!-- 可选：补充application/javascript类型，兼容部分严格的浏览器校验 -->
    <mimeMap fileExtension=".js" mimeType="application/javascript" />
  </staticContent>
</system.webServer>

这一步确保IIS不会因为MIME类型不匹配而拦截模块脚本请求。

2. 解除静态文件的身份验证拦截 #

401错误的核心是未授权，问题出在：当使用type="module"时，浏览器的请求头或触发逻辑会触发IIS的身份验证拦截，但普通JS请求不会。我们需要给Scripts目录单独配置权限：
在web.config的<configuration>根节点下添加<location>节点：

<location path="Scripts">
  <system.web>
    <authorization>
      <allow users="*" /> <!-- 允许所有用户访问Scripts目录下的静态文件 -->
    </authorization>
  </system.web>
</location>

如果你的项目用了Windows认证或Forms认证，这个设置能让模块脚本跳过身份验证检查。

3. 检查请求筛选规则 #

如果上面两步没解决，就得排查IIS Express的请求筛选是否拦截了相关请求：
打开IIS Express的全局配置文件（路径一般是%USERPROFILE%\Documents\IISExpress\config\applicationhost.config），找到<system.webServer><security><requestFiltering>节点：

• 确保<fileExtensions>里.js是允许的：

<requestFiltering>
  <fileExtensions>
    <add fileExtension=".js" allowed="true" />
  </fileExtensions>
</requestFiltering>

• 同时检查是否有针对请求头的拦截规则，比如是否阻止了Accept头包含模块相关的标识，如有可疑规则可临时注释测试。

4. 避免路由“吃掉”静态文件请求 #

偶尔ASP.NET MVC的路由规则会误把静态文件请求当成控制器路由处理，导致401或404。可以在RouteConfig.cs里添加忽略规则：

public static void RegisterRoutes(RouteCollection routes)
{
    routes.IgnoreRoute("{resource}.axd/{*pathInfo}");
    // 忽略Scripts目录下的所有文件请求，直接交给静态文件模块处理
    routes.IgnoreRoute("Scripts/{*pathInfo}");

    routes.MapRoute(
        name: "Default",
        url: "{controller}/{action}/{id}",
        defaults: new { controller = "Home", action = "Index", id = UrlParameter.Optional }
    );
}

最后测试 #

做完配置后重启IIS Express，清除浏览器缓存再加载页面——应该就能正常加载ES模块脚本了。

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