为何无法在浏览器中直接请求ASP.NET MVC网站的物理文件？

1. 配置静态文件处理规则 #

ASP.NET MVC默认仅对Scripts、Content这类标准静态文件夹自动启用文件服务，新增的react文件夹需要手动配置。打开项目根目录的web.config，找到<system.webServer>节点，添加或补全静态文件相关配置：

<system.webServer>
  <!-- 确保JS文件的MIME类型映射正确 -->
  <staticContent>
    <mimeMap fileExtension=".js" mimeType="application/javascript" />
  </staticContent>
  <!-- 为react文件夹单独注册静态文件处理器 -->
  <handlers>
    <add name="ReactStaticFiles" path="react/*" verb="*" modules="StaticFileModule" resourceType="File" requireAccess="Read" />
  </handlers>
</system.webServer>

如果已有<handlers>节点，仅需添加针对react文件夹的规则即可，避免重复注册全局处理器引发冲突。

2. 排除MVC路由解析干扰 #

MVC路由系统可能会把/react/bar.js错误解析为controller=react、action=bar.js的请求，因找不到对应控制器/动作抛出500错误。打开App_Start/RouteConfig.cs，添加忽略路由规则：

public static void RegisterRoutes(RouteCollection routes)
{
    routes.IgnoreRoute("{resource}.axd/{*pathInfo}");
    // 让react文件夹下的请求直接交给静态文件处理器，不经过MVC路由
    routes.IgnoreRoute("react/{*pathInfo}");

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

3. 验证文件夹访问权限 #

IIS Express默认以当前登录用户身份运行，确保react文件夹及bar.js文件的权限允许该用户读取：

• 右键react文件夹 → 属性 → 安全选项卡
• 确认Authenticated Users或当前用户账户拥有读取和执行权限

4. 排查授权限制规则 #

检查web.config中是否存在全局身份验证规则，导致静态文件夹无法匿名访问。可针对react文件夹单独开放权限：

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

5. 清理IIS Express缓存 #

IIS Express的缓存配置可能导致新文件夹无法被识别：

• 任务管理器中找到iisexpress.exe并结束所有进程
• 删除项目根目录下的隐藏.vs文件夹
• 重新启动项目并测试/react/bar.js请求

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