在ASP.NET MVC4中微軟引入了bundles特性，這個特性可以將服務器端的多個Javascript或多個css文件捆綁在一起作為一個單一的URL地址供客戶端瀏覽器調用，從而減少了頁面上Http請求的訪問次數，增加頁面的響應速度。本文不打算介紹MVC4中的bundles特性，如果需要了解，推薦可以查看下面這位博主的文章：
在ASP.NET MVC中，使用Bundle來打包壓縮js和css
本文要說的問題是當你使用bundles.Add方法添加StyleBundle和ScriptBundle對象的時候一定要注意，StyleBundle和ScriptBundle的構造函數的參數virtualPath指定的虛擬路徑一定不能是當前ASP.NET項目中真實存在的一個文件夾路徑，否則當你把你的站點部署到IIS上后，會發現MVC頁面上用@Styles.Render和@Scripts.Render生成的url路徑會被IIS拒絕，IIS提示 禁止訪問 403錯誤。
下面是有個老外遇到了相同的問題，在StackOverFlow論壇上的提問：
My MVC 4 application works fine on my local computer.
However, the CSS files are not working after I publish (are not affecting the layout of the website).
I can see CSS the files are on the server.
When I look at the source code, I can see
<link href="/Content/css?v=fxCdHAOgPDvcROxkMfEwGQggO9uCfzckN3PaN8BOIzI1" rel="stylesheet"/>
where as on my local computer, the source code shows as
<link href="/Content/css/myFile.css" rel="stylesheet"/> <link href="/Content/css/myFile02.css" rel="stylesheet"/>
So, in the source code view on the server, I clicked on Content/css?v=fxCdHAOgPDvcROxkMfEwGQggO9uCfzckN3PaN8BOIzI1 and the browser took me to a 403 - Forbidden: Access is denied.
I am adding the CSS files with the BunldeConfig.cs class
public class BundleConfig { // For more information on Bundling, visit http://go.microsoft.com/fwlink/?LinkId=254725 public static void RegisterBundles(BundleCollection bundles) { bundles.Add(new ScriptBundle("~/bundles/javascript").Include( "~/Scripts/1.9.1.js", "~/Scripts/jTools.js", "~/Scripts/script.js" )); bundles.Add(new StyleBundle("~/Content/css").Include( "~/Content/Css/website.css", "~/Content/Css/banner.css", "~/Content/Css/reusable.css", "~/Content/Css/lists.css", "~/Content/Css/tooltip.css", "~/Content/Css/overlay.css" )); } }
My question is, assuming this isn't an IT issue with the server (it has been working fine until recently) is there something wrong with my code?
StackOverFlow論壇上專家的回答：
Your problem is that you are using ~/Content/css as a bundle alias in new StyleBundle("~/Content/css"), while this path actually exists.
So when you are requesting <link href="/Content/css?...> you are essentially asking for a directory listing and that is forbidden.
Try using something else, like new StyleBundle("~/Content/styles").
NOTE: If you do use something like ~/Content/styles as an alias you may have issues with relative urls in your .css files. It may seem odd, but you may better use something like ~/Content/Css/someAlias
也就是說構造StyleBundle和ScriptBundle時定義的虛擬路徑不能是服務器上真實存在的物理路徑，同時上面這位專家還提到StyleBundle的虛擬路徑最好也不要使用~/Content/styles，因為這可能會使.css文件的訪問出現問題，對於StyleBundle最好用~/Content/Css/someAlias來作為虛擬路徑。