ASP.NET MVC无法访问View文件夹内JS文件，集成AngularJS遇404求助

这个问题我之前帮不少开发者排查过，核心原因其实很明确：ASP.NET MVC默认会通过Views文件夹下的Web.config阻止外部直接访问该目录内的静态文件，这是框架自带的安全限制，用来保护视图模板不被随意访问。下面给你几个可行的解决方案，按推荐程度排序：

方案1：将组件脚本移到非Views目录（最推荐） #

MVC的Views文件夹设计初衷是存放视图模板，并非静态资源的常规存放位置。你可以把appcomponents相关的脚本文件移到项目根目录下的Scripts文件夹，或者新建一个专门的AppComponents文件夹。之后在BundleConfig里正常配置路径即可：

bundles.Add(new ScriptBundle("~/bundles/appcomponents").Include(
    "~/AppComponents/**/*.js" // 也可以指定具体的单个脚本文件路径
));

这种做法既符合MVC的项目结构规范，也不会有任何访问权限的问题，是最稳妥的选择。

方案2：修改Views文件夹的Web.config，允许静态文件访问 #

如果因为项目特殊需求必须把脚本留在Views文件夹里，可以修改Views/Web.config文件，添加对.js文件的访问权限：
找到<system.webServer>节点，在handlers里新增如下配置（保留原有配置不动）：

<system.webServer>
  <handlers>
    <!-- 新增允许.js文件访问的配置 -->
    <add name="JavaScriptHandler" path="*.js" verb="*" preCondition="integratedMode" type="System.Web.StaticFileHandler" />
  </handlers>
</system.webServer>

这会让服务器允许直接返回Views目录下的.js文件。注意：这种做法会降低Views目录的安全性，只建议在必要时使用，且尽量不要放开其他类型文件的访问权限。

方案3：确认Bundle配置的路径正确性 #

最后再检查下你的BundleConfig里的路径是否准确，比如如果组件脚本放在Views/Components目录下，那么Bundle的Include路径应该是：

bundles.Add(new ScriptBundle("~/bundles/appcomponents").Include(
    "~/Views/Component/*.js",
    "~/Views/Component/**/*.js" // 需要递归子目录的话用通配符
));

如果路径写错也会导致404，但结合你直接引用脚本也报错的情况，大概率还是Views的权限限制问题。

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