Can I deploy a javascript file within MVC areas?

Question

I have my js files inside areas and I cannot access them. When I move them outside the MVC areas then I can access.

I have tried the following:

Different naming of js files - doesn't solve problem
Check to see if they exist on the server - they do
Access file directly from within IIS manager on server - they won't open and return not found
Access same files directly from within IIS manager on server but when files are in script directory - They open in browser
Used the route checker - When I try to access the file it does not open route debug and instead just says "404"

This works:

<script src="@Url.Content("~/Scripts/jquery/_Roles.js")" type="text/javascript"></script>

This does not work:

<script src="@Url.Content("~/Areas/Administration/Scripts/Roles/_Roles.js")" type="text/javascript"></script>

Could there be something different about files under the Areas folder that blocks scripts?

Convention for me. However I will probably change that. Either way I noticed I still have the same problem. When deployed my application does not like scripts in Areas. however running locally on dev server it is okay. — Samantha J T Star
– Samantha J T Star, Commented Nov 9, 2011 at 9:20
@SamanthaJ what does the @Url.Content() render on the client side? Maybe your issue lies there. — shuniar
– shuniar, Commented Nov 9, 2011 at 20:40
The second one should work, it does for me in MVC3. I also have admin-related scripts inside the admin area (so that the regular users can't peek at them). Most likely you got the path wrong and should be looking at what was generated (vide shuniar's comment above) and whether the said file is accessible if you manually type the URL in the browser. Forgive me a comment after a few months, but I'm leaving it in case someone else tries to do this in the future. — Pawel Krakowiak
– Pawel Krakowiak, Commented Jan 19, 2012 at 9:14

Community · Accepted Answer · 2017-05-23 11:54:44Z

1

Found an answer in another Stack Overflow question and tweaked it for areas.

Modify /Areas/AreaName/Views/web.config file to enable the webserver to serve JS and CSS files:

<system.web>
    <httpHandlers>
        <add path="*.js" verb="GET,HEAD" type="System.Web.StaticFileHandler" />
        <add path="*.css" verb="GET,HEAD" type="System.Web.StaticFileHandler" />
        <add path="*" verb="*" type="System.Web.HttpNotFoundHandler"/>
    </httpHandlers>
    <!-- other content here -->
</system.web>

<system.webServer>
    <handlers>
        <remove name="BlockViewHandler"/>
        <add name="JavaScript" path="*.js" verb="GET,HEAD" type="System.Web.StaticFileHandler" />
        <add name="CSS" path="*.css" verb="GET,HEAD" type="System.Web.StaticFileHandler" />
        <add name="BlockViewHandler" path="*" verb="*" preCondition="integratedMode" type="System.Web.HttpNotFoundHandler" />
    </handlers>
    <!-- other content here -->
</system.webServer>

This will allow serving of .js and .css files, and will forbid serving of anything else.

edited May 23, 2017 at 11:54

CommunityBot

11 silver badge

answered Apr 27, 2015 at 14:22

Alexander Puchkov

5,9934 gold badges38 silver badges49 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

BrandonG Over a year ago

I added these changes to the web.config that resides in the /Areas/AreaName/web.config and it works as well.

Stefano.net · Accepted Answer · 2011-11-09 08:36:35Z

0

Have you try

ResolveUrl(

instead of

Url.Content(

?

Stefano

answered Nov 9, 2011 at 8:36

Stefano.net

1,1281 gold badge11 silver badges26 bronze badges

1 Comment

Samantha J T Star Over a year ago

I will try that now. The code is running on Azure so it will take 15 minutes to upload. Checking the docs I'm not sure it will help as it says: If the relativeUrl parameter contains an absolute URL, the URL is returned unchanged. If the relativeUrl parameter contains a relative URL, that URL is changed to a relative URL that is correct for the current request path, so that the browser can resolve the URL.

Brandon · Accepted Answer · 2012-09-17 16:17:10Z

0

<script type="text/javascript" src='<%: ResolveUrl("~/Scripts/jquery/_Roles.js") %>'>
</script>

edited Sep 17, 2012 at 16:17

Brandon

70.3k32 gold badges201 silver badges227 bronze badges

answered Nov 9, 2011 at 20:34

cemsazara

1,70315 silver badges14 bronze badges

Comments

mccow002 · Accepted Answer · 2011-11-09 20:36:04Z

-3

Why put your scripts in the Areas section? I have an mvc site with an area as well, but I still keep my scripts in the Scripts folder.

My suggestion is to rethink the reason you're organizing your content that way and consider moving all external .js files to the Scripts folder.

answered Nov 9, 2011 at 20:36

mccow002

6,9343 gold badges28 silver badges37 bronze badges

5 Comments

Pawel Krakowiak Over a year ago

I can think of at least one reason - preventing users w/o administrative privileges from reading the admin panel scripts which might give them some ideas on what is going on there (paths, functionality, etc.). I actually came here looking for info on storing scripts within a MVC area...

Matt Randle Over a year ago

An Area is a logical grouping of functionality so implementation issues aside, why wouldnt you want to put Area specific script into an Area folder? Seems common sense to me.

George Mauer Over a year ago

If you're architecture follows the SOA style of using autonomous business components this makes a ton of sense

Alexander Puchkov Over a year ago

It is convenient to have page specific JavaScript file next to view in the same folder

SkeetJon Over a year ago

why has this been downvoted so much? Is there something wrong with keeping area specific scripts in the areas folder ?

Collectives™ on Stack Overflow

Can I deploy a javascript file within MVC areas?

4 Answers 4

1 Comment

1 Comment

Comments

5 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

1 Comment

Comments

5 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related