ASP.NET 4 URL Routing Web Forms breaks my relative paths to Styles, Scripts, Images, etc

Question

I have an app with links like so in default.aspx...

<link href="Styles/smoothness/jquery-ui-1.8.14.custom.css" rel="stylesheet" type="text/css" />
<script src="Scripts/json2.min.js" type="text/javascript"></script>
<script src="Scripts/jquery-1.6.2.min.js" type="text/javascript"></script>
<script src="Scripts/jquery-ui-1.8.14.custom.min.js" type="text/javascript"></script>
<script src="Scripts/jquery.tmpl.min.js" type="text/javascript"></script>

Once I added URL Routing it broke my relative paths. So if I get deep into a route then the page can't find images, scripts, etc. I would imagine that my jQuery service calls are probably broken as well. Is there a way other than adding "/" to the beginning of every relative reference to fix this. In my global.asax I currently have...

void RegisterRoutes(RouteCollection routes)
{

    routes.MapPageRoute(
        "EntityRoute", 
        "{entityID}", 
        "~/Default.aspx");        

    routes.MapPageRoute(
        "GlobalSearchRoute",
        "{entityID}/{guarantorID}/{guarDOB}",
        "~/Default.aspx");
}

Can I add something here that would allow my relative paths to function without changing all of those paths in the site?

McGarnagle · Accepted Answer · 2012-04-24 23:56:44Z

1

You can use Routes.IgnoreRoute in global.asax to exclude those routes that reference your static content:

routes.IgnoreRoute("Styles/{*pathInfo}");
routes.IgnoreRoute("Scripts/{*pathInfo}");
routes.IgnoreRoute("Images/{*pathInfo}");

etc.

answered Apr 24, 2012 at 23:56

McGarnagle

103k31 gold badges235 silver badges264 bronze badges

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

4 Comments

McGarnagle Over a year ago

Yes, apparently, but the notation is slightly different: stackoverflow.com/questions/273447/…

CtrlShiftF11 Over a year ago

It occurred to me that this is a client side problem by the time this happens so the only way to fix this would be in the code itself. I would either have to move away from the relative reference of "Images/" to "/Images/" or I would have to wrap serverside code around those links and preprocess them before they exploded in the browser - like with <%= Url.Content( or something like that. I ended up just fixing the problem by using the absolute reference "/". Thanks for trying to help me though.

Ahm3d Said Over a year ago

routes.IgnoreRoute is a method of Class RouteCollectionExtensions inside System.Web.Mvc Namespace use routes.Ignore for WebForms

Krishnan Over a year ago

I wish we could find a proper solutoin to this. My issue is that my websites are setup in to virtual directories. So I'll have to add "/vir-dir-name", and I really don't want to do that.. :-/

Diego Plutino · Accepted Answer · 2013-09-24 16:48:10Z

1

You can simply use the html base tag.

In the aspx:

<base id="baseControl" runat="server" />

In the code behind:

protected void Page_Init(object sender, EventArgs e)
{
    baseControl.Attributes.Add("href", Request.Url.GetLeftPart(UriPartial.Authority) + VirtualPathUtility.ToAbsolute("~/"));
}

Hope this helps.

answered Sep 24, 2013 at 16:48

Diego Plutino

831 silver badge9 bronze badges

Collectives™ on Stack Overflow

ASP.NET 4 URL Routing Web Forms breaks my relative paths to Styles, Scripts, Images, etc

2 Answers 2

4 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Linked

Related