IIS URL Rewrite module: Url.Content() does not resolve CSS/Image path properly

Question

I have a standard MVC3 project with layout page etc. Now I need to make pretty URLs. I started playing with URL rewrite module. I'm trying to translate http://localhost/Photographer/Pablointo http://localhost/category-about.aspx?displayName=Pablo, and here is my rewrite rule (very simple!):

  <system.webServer>
    <rewrite>
      <rules>
        <rule name="about" patternSyntax="Wildcard">
          <conditions>
            <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
            <add matchType="IsDirectory" negate="true" />
            <add input="{REQUEST_URI}" pattern="\.png|\.js|\.css|\.jpg" negate="true" />
          </conditions>
          <match url="photographer/*" />
          <action type="Rewrite" url="category-about.aspx?displayName={R:1}" logRewrittenUrl="true" />
        </rule>
      </rules>
    </rewrite>
  </system.webServer>

all conditions you see I added after googling trying to solve the issue - they did not help though.

I found this page: http://www.iis.net/learn/extensions/url-rewrite-module/url-rewriting-for-aspnet-web-forms - which says that ~ operator is properly treated by the server when rewriting rules are applied. But that's clearly does not happen in my case - please see the image attached:

image attached

What is the solution to my problem? How should I reference CSS/JS files? I'm using MVC3 on IIS 7.5.

UPDATE: image is not very clear - but it shows that my MasterLayout page has

<link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />

but it's resolved as

http://localhost/Photographer/Content/Site.css - and it gives 404

instead of

http://localhost/Content/Site.css - which gives 200

when I request this URL: http://localhost/Photographer/Pablo. Logic works fine - my controller gets the request and renders the page - but it's CSS and images are missing (because they have wrong root folder prepended).

IIS 7.5 if that helps...

avs099
– avs099

2013-09-01 09:05:16 +00:00
Commented Sep 1, 2013 at 9:05 — avs099
– avs099, Commented Sep 1, 2013 at 9:05

Todd McGregor · Accepted Answer · 2013-09-05 15:20:07Z

4

Try using Request.ApplicationPath. Something like this should work:

<link href="@(Request.ApplicationPath + "Content/Site.css")" rel="stylesheet" type="text/css" />

edited Sep 5, 2013 at 15:20

answered Sep 5, 2013 at 6:37

Todd McGregor

493 bronze badges

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

2 Comments

Todd McGregor Over a year ago

There seems to be a bug in Url.Content when rewrite rules are in place. I've run into a few other posts describing this exact issue but no detailed information about the root cause. I've actually updated my response since there would be no need to actually use Url.Content if you're relying on Request.ApplicationPath to add the app root to your paths.

BVernon Over a year ago

Note that Request.ApplicationPath does not include a trailing slash. I tried to edit the answer to update it but it said my update had to be 6 characters. I didn't feel like finding 5 other characters to change.

Imad Alazani · Accepted Answer · 2013-09-06 13:15:04Z

2

You said the line:

<link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" />

is resolved as

"http:// localhost/Photographer/Content/Site.css"

, which is absolutely correct this is how it would be resolved. Where does your css lie, is the path for the image in css correct?

edited Sep 6, 2013 at 13:15

Imad Alazani

6,7287 gold badges38 silver badges58 bronze badges

answered Sep 4, 2013 at 12:54

Shashank Chaturvedi

2,78322 silver badges29 bronze badges

3 Comments

avs099 Over a year ago

why do you think it's correct? it should be localhost/Content/Site.css

Shashank Chaturvedi Over a year ago

Because "~" takes you to the root virtual directory, now the question is how you have it mapped in the IIS. On starting the application what is the URL you get?

Shashank Chaturvedi Over a year ago

See this link:stackoverflow.com/questions/10482299/… Hope it helps. By the time I will try and replicate issue you are facing.

Luke Baughan · Accepted Answer · 2013-09-05 17:42:46Z

0

Rather than this

<link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />

Try this without the tilde (~)

<link href="@Url.Content("/Content/Site.css")" rel="stylesheet" type="text/css" />

This should resolve to your desired http://localhost/Content/Site.css

answered Sep 5, 2013 at 17:42

Luke Baughan

4,6863 gold badges34 silver badges54 bronze badges

Collectives™ on Stack Overflow

IIS URL Rewrite module: Url.Content() does not resolve CSS/Image path properly

3 Answers 3

2 Comments

3 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related