14

我正在尝试对一些 .css 和 .js 文件使用捆绑缩小。我的捆绑配置如下：

public static void RegisterBundles(BundleCollection bundles)
    {
        bundles.Add(new ScriptBundle("~/Modernizr").Include(
            "~/Scripts/modernizr.js"
        ));

        bundles.Add(new StyleBundle("~/TemplateContent").Include(
            "~/Content/bootstrap.css",
            "~/Content/bootstrap-responsive.css",
            "~/Content/prettyPhoto.css",
            "~/Content/prettify.css",
            "~/Content/flexslider.css",
            "~/Content/iview.css",
            "~/Content/style.css",
            "~/Content/default.css"
        ));

        bundles.Add(new StyleBundle("~/AppContent").Include(
            "~/Content/bootstrap-tablesorter.css",
            "~/Content/animate.css",
            "~/Content/font-awesome.css",
            "~/Content/jcarousel.css",
            "~/Conten/overwrite.css",
            "~/Content/sequence.css",
            "~/Content/sequence.ie.css",
            //more styles
        ));

        bundles.Add(new ScriptBundle("~/TemplateScripts").Include( 
            "~/Scripts/modernizr-*",
            "~/Scripts/jquery.js",
            "~/Scripts/raphael.js",
            "~/Scripts/jquery.easing.1.3.js",
            "~/Scripts/bootstrap.js",
            "~/Scripts/google-code-prettify/prettify.js",
            "~/Scripts/jquery.elastislide.js",
            "~/Scripts/jquery.tweet.js",
            "~/Scripts/jquery.prettyPhoto.js",
            "~/Scripts/jquery.flexslider.js",
            "~/Scripts/iview.js",
            "~/Scripts/jquery-hover-effect.js",
            "~/Scripts/animate.js",
            "~/Scripts/custom.js"
        ));

        bundles.Add(new ScriptBundle("~/AppScripts").Include(
            "~/Scripts/jquery.ticker.js",
            "~/Scripts/jquery.contenthover.js",
            "~/Scripts/jquery-ui-1.10.3.js",
            "~/Scripts/datetimepicker.js",
            "~/Scripts/jquery.metadata.js",
            //more scripts
        ));

        BundleTable.EnableOptimizations = true;
}

当我将应用程序发布到服务器（godaddy 共享网络托管）时会出现问题，我确实得到了一个缩小的输出，但我在这些输出上得到了 403 错误。

如果我设置

BundleTable.EnableOptimizations = false;

文件未缩小，但页面具有正确的行为。

4

3 回答 3

17

原来是 ASP.NET 表单身份验证。据此，捆绑包的名称不应是现有目录。而且，表单身份验证拒绝访问那些在 web.config 中不允许的目录。

我不知道捆绑包会创建自己的目录，所以我基本上为这些目录添加了位置标签（即使它们实际上不在解决方案中）。

所以基本上...

对于所有以前的包名称，我添加了“~/bundles/”，然后在 web.config 中创建了以下位置标记：

<location path="bundles">
  <system.web>
    <authorization>
      <allow users="*"/>
    </authorization>
  </system.web>
</location>
于 2013-11-12T16:38:26.377 回答
1

只要您不尝试捆绑缩小的脚本，它就应该可以工作。有时，如果您编写了 javascript 并且错过了分号，这可能会导致脚本在调用它们时失败，但不会引发 403 错误。

由于您收到 403 错误，我猜这与捆绑无关。你能显示确切的错误吗？是 403.2：禁止读取访问吗？还是当您尝试发布到您的站点时（403.3：禁止写入访问）？开发时的最佳设置是正确设置本地 IIS，以便您可以捆绑并发布版本到本地计算机。如果这可行，那么您需要做的就是将文件从本地计算机复制到公共服务器。如果公共服务器上出现问题，那么您就知道这是该机器上的配置错误，而不是代码问题。

我最好的猜测是不允许您将应用程序发布到您的站点（某些文件夹的写访问权限被拒绝），但是如果没有进一步的信息，这真的很难说。

编辑：在阅读了有关捆绑的更多信息后，我几乎可以肯定您正在将脚本捆绑到现有文件夹中。

ASP.NET 中的每个请求都通过 http 处理程序（例如，静态处理程序、页面处理程序、ashx 处理程序等）进行管理。有一个特殊的 HTTP 模块，称为 UrlRoutingModule，它与 global.asax 中的路由匹配。如果路由匹配，那么它将使用 HttpContext.RemapHandler 方法更改当前的 http 处理程序，否则正常的 ASP.NET 流程将继续。类似地 System.Web.Optimization 插入一个 BundleModule http 模块，它试图匹配一个绑定。如果找到匹配项，它将使用 HttpContext.RemapHandler 方法选择 BundleHandler 作为 http 处理程序。如果 HostingEnvironment.VirtualPathProvider.FileExists(path) 为 true 或 HostingEnvironment.VirtualPathProvider.DirectoryExists(path) 为 true，则 System.Web.Optimization 将在内部留下匹配项。

阅读整个线程

话虽如此，让所有捆绑包都以"~/bundles/"开头。这将确保脚本不会指向存在的文件夹或被您的路由配置捕获。

bundles.Add(new ScriptBundle("~/bundles/jquery").Include(...
于 2013-11-11T15:16:23.843 回答
0

我的脚本包由于包名中的点而失败，这解释了为什么它在调试中工作（因为那里没有真正的捆绑）并且在发布时失败..

之前（失败）

bundles.Add(new ScriptBundle("~/bundles/My.Corp.Scripts").Include(...

之后（固定）

bundles.Add(new ScriptBundle("~/bundles/MyCorpScripts").Include(...

不要忘记更新您的剃刀引用以使用固定的捆绑名称

于 2020-05-07T21:35:18.110 回答