在ASP.NET Web窗体中缩小和捆绑CSS时,“403 - 禁止访问被拒绝”错误

时间:2015-05-28 09:56:50

标签: javascript css asp.net amazon-web-services bundling-and-minification

我最近使用AWS Elastic Beanstalk将我的ASP.NET Web表单应用程序从托管VPS转移到AWS EC2。当我在托管VPS中使用我的Web应用程序时,捆绑和缩小工作正常。但是在转移到亚马逊服务器之后,javascript被成功捆绑和缩小,但不是CSS。当我在浏览器的View Source中打开缩小的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>

为什么会这样?

1 个答案:

答案 0 :(得分:4)

最后,经过对谷歌的一些研究,我发现了实际出现的问题。借助此处http://forums.asp.net/post/5012037.aspx给出的解决方案,我发现捆绑包的虚拟路径必须与Web应用程序文件夹中的任何物理路径不匹配。所以,我正在调用像<webopt:BundleReference runat="server" Path="~/Content/css" />这样的bundle,而我的web应用程序的物理根路径也在css文件夹中包含一个Content子文件夹。因此,我将我的包重命名为styles,然后将其用作<webopt:BundleReference runat="server" Path="~/Content/styles" />。现在,它工作正常。