403 - Forbidden:拒绝访问"在ASP中压缩和捆绑CSS时出现的错误.NET Web窗体

"403 - Forbidden: Access is denied" error while minification and bundling of CSS in ASP.NET Web Forms

本文关键字:CSS 窗体 Web NET 错误 压缩 拒绝访问 Forbidden quot ASP      更新时间:2023-09-26

我最近转移了我的ASP。. NET web表单应用程序从托管VPS到使用AWS Elastic Beanstalk的AWS EC2。当我在托管VPS中使用我的web应用程序时,捆绑和缩小工作正常。但是在转移到Amazon服务器之后,javascript被成功地捆绑和缩小了,但是CSS没有。当我在浏览器的查看源中打开缩小的CSS文件时,它显示如下页面:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<title>403 - Forbidden: Access is denied.</title>
<style type="text/css">
<!--
body{margin:0;font-size:.7em;font-family:Verdana, Arial, Helvetica, sans-serif;background:#EEEEEE;}
fieldset{padding:0 15px 10px 15px;} 
h1{font-size:2.4em;margin:0;color:#FFF;}
h2{font-size:1.7em;margin:0;color:#CC0000;} 
h3{font-size:1.2em;margin:10px 0 0 0;color:#000000;} 
#header{width:96%;margin:0 0 0 0;padding:6px 2% 6px 2%;font-family:"trebuchet MS", Verdana, sans-serif;color:#FFF;
background-color:#555555;}
#content{margin:0 0 0 2%;position:relative;}
.content-container{background:#FFF;width:96%;margin-top:8px;padding:10px;position:relative;}
-->
</style>
</head>
<body>
<div id="header"><h1>Server Error</h1></div>
<div id="content">
 <div class="content-container"><fieldset>
  <h2>403 - Forbidden: Access is denied.</h2>
  <h3>You do not have permission to view this directory or page using the credentials that you supplied.</h3>
 </fieldset></div>
</div>
</body>
</html>

为什么会这样?

最后,在Google上做了一些研究之后,我弄清楚了到底是哪里出了问题。在这里给出的解决方案http://forums.asp.net/post/5012037.aspx的帮助下,我了解到bundle的虚拟路径必须与web应用程序文件夹中的任何物理路径不匹配。所以,我像这个<webopt:BundleReference runat="server" Path="~/Content/css" />一样调用bundle,我的web应用程序的物理根路径也包含Content文件夹内的css子文件夹。因此,我将我的包重命名为styles,然后像<webopt:BundleReference runat="server" Path="~/Content/styles" />一样使用它。