c# - 尝试访问 ASP.Net 中捆绑的 slick.css 文件时出现 "forbidden error"

Question

我在 ASP.Net MVC 中使用 slick-carousel项目。如果我链接 slick.css文件通过正常<link>在 Html 中标记，它工作正常。但是如果我捆绑 slick.css文件并在 Html 中呈现它，它显示禁止错误 (403)。

工作解决方案

<link rel="stylesheet" type="text/css" href="~/Content/Slick/slick.css" />
<link rel="stylesheet" type="text/css" href="~/Content/Slick/slick-theme.css" />

打包文件

bundles.Add(new StyleBundle("~/Content/Slick").Include(
                    "~/Content/Slick/slick.css"));

bundles.Add(new StyleBundle("~/Content/SlickTheme").Include(
                    "~/Content/Slick/slick-theme.css"));

引用捆绑文件

@Styles.Render("~/Content/Slick")
@Styles.Render("~/Content/SlickTheme")

谁能告诉我为什么只有在捆绑时才会出现这样的错误？

Answer 1

这不是 slick 特有的问题，而是 slick 的 NuGet 安装的文件夹结构引发了这个问题。

如果 bundle 名称与 Web 应用程序中实际存在的文件夹相匹配，则会出现问题，因为请求不会被识别为对 bundle 的访问权限，而是对文件夹的访问权限，而该文件夹随后未被授予。因此，正如您在我的示例中所见， bundle 的命名方案与文件夹匹配。

 bundles.Add(new StyleBundle("~/Content/slick").Include("~/Content/Slick/slick.css"));

如此处所示更改包名称(当然还有引用)后，它可以工作

 bundles.Add(new StyleBundle("~/Content/slickstyle").Include("~/Content/Slick/slick.css"));