mvc区域 Area 下css及js文件不能访问的解决

最近又有需要做网站的手机版，因此在areas下创建了MM，当做手机版访问页面。由于一些js及css文件与电脑版的有区别，所以我单独在/areas/MM下创建了scripts文件夹放置js文件，创建了Content文件夹放置css文件。在本地测试没有问题，但是挪到服务器上却发现网页访问不正常，加载不了内容。经过分析发现，原来是http://jiaogui.jinrimianshi.com/areas/mm/scripts/global.js和http://jiaogui.jinrimianshi.com/areas/mm/content/site.css报404未发现。严格按照创建的文件及文件夹的大小写来访问，并不能解决此问题。

百度搜索，没有任何答案。

google 搜索有一个在脚本链接中使用 @Url.Content，但是经过测试，问题依旧。还有一个建议，就是把css及js文件都放在areas区域外面。这个我不用试就知道可以，但我不想这样做。因为这css及js文件就是针对手机版的，放在外面总感觉怪怪的。而且在本地是没这个问题啊。

最后又在stackoverflow中找到一篇相关的文章：http://stackoverflow.com/questions/8062153/can-i-deploy-a-JavaScript-file-within-mvc-areas

这个文章提问题的人认可的答案是把js及css文件放置到areas外面。但我并不想采用。支持的理由就是我本地和另外一个网站有js及css文件放置到areas文件夹底下是可以正常访问的。

我看到了这篇文章介绍的另一个方法。就是在areas/mm/views底下的web.config中增加一些允许js,css文件访问的代码。

[html]  view plain  copy

1. <system.web>  
2.     <httpHandlers>  
3.         <add path="*.js" verb="GET,HEAD" type="System.Web.StaticFileHandler" />  
4.         <add path="*.css" verb="GET,HEAD" type="System.Web.StaticFileHandler" />  
5.         <add path="*" verb="*" type="System.Web.HttpNotFoundHandler"/>  
6.     </httpHandlers>  
7.     <!-- other content here -->  
8. </system.web>  
9.   
10. <system.webServer>  
11.     <handlers>  
12.         <remove name="BlockViewHandler"/>  
13.         <add name="JavaScript" path="*.js" verb="GET,HEAD" type="System.Web.StaticFileHandler" />  
14.         <add name="CSS" path="*.css" verb="GET,HEAD" type="System.Web.StaticFileHandler" />  
15.         <add name="BlockViewHandler" path="*" verb="*" preCondition="integratedMode" type="System.Web.HttpNotFoundHandler" />  
16.     </handlers>  
17.     <!-- other content here -->  
18. </system.webServer>  

如果应用程序池是经典模式，则在system.web/httphandlers节点下增加：

<add path="*.js" verb="GET,HEAD" type="System.Web.StaticFileHandler" />
<add path="*.css" verb="GET,HEAD" type="System.Web.StaticFileHandler" />

如果是集成模式，则在system.webserver/handlers节点下增加：

<add path="*.js" verb="GET,HEAD" type="System.Web.StaticFileHandler" />
<add path="*.css" verb="GET,HEAD" type="System.Web.StaticFileHandler" />

我其实是不想加的，因为本地和另外一个网站我查了下，相应的web.config并没有相应的代码，但是却可以正常访问。但是实在没有办法，就想试试，由于我的是集成模式，因此我在system.webserver/handlers节点下增加了相应代码。然后就准备上床到服务器上。在上传到服务器上的时候，我发现我的本地areas/mm下的web.config在areas/mm/views目录下面，而服务器上的相应web.config文件却是在areas/mm下，我心里一动，想到不会是这里的问题吧。然后把服务器上areas/mm下的web.config挪到areas/mm/views下，并没有增加相应代码。尝试访问，正常了。原来是这里的问题。web.config位置放错造成的