Mod_rewrite broken image paths

hackersapien

Hi,

I'm currently using mod_rewrite in my web app and everything works well, below is the rewrite rule I have in my .htaccess file:

RewriteEngine On
RewriteRule ^{flights/([0-9]+)$} flights/$1/ [R]
RewriteRule ^{flights/([0-9]+)/$} flights.php?id=$1

the problem I seem to be having is that the path to the images and css files is being broken.Is there a rewrite condition i can add in the .htaccess file so that it maps the images and css files correctly?

Any help would be appreciated..

cheers

cgraz

You are rewriting anything in the flights directory, including images and files. Try to type in the direct path to an image in the address bar and it won't display because of the rewrite.

The trick is to only rewrite urls that aren't real files. That way, if the address represents a real file, it won't rewrite because you need that actual file. This can be done by putting the following rewrite condition just after you turn the rewrite engine on, before your rewrite rule.

RewriteCond %{REQUEST_FILENAME} !-f

Also, make sure that all paths to images, files, etc, start with a /. So for example:

/templates/blue/styles.css

rather than

templates/blue/styles.css

But after you add that rewrite condition, try accessing a file or image directly through the URL and it should now be working.

hackersapien

cgraz wrote:
You are rewriting anything in the flights directory, including images and files. Try to type in the direct path to an image in the address bar and it won't display because of the rewrite.

The trick is to only rewrite urls that aren't real files. That way, if the address represents a real file, it won't rewrite because you need that actual file. This can be done by putting the following rewrite condition just after you turn the rewrite engine on, before your rewrite rule.

RewriteCond %{REQUEST_FILENAME} !-f

Also, make sure that all paths to images, files, etc, start with a /. So for example:

/templates/blue/styles.css

rather than

templates/blue/styles.css

But after you add that rewrite condition, try accessing a file or image directly through the URL and it should now be working.

If I add the forward slash on the paths to the images and CSS won't this break the path on the index.php page? Since it will now be looking for the files a folder up i.e.
http://localhost/ instead of http://localhost/flightsystem

I added the full URL on the paths for all the images and CSS files and it seems to work am not sure if this the best way to go any help would be appreciated...

Cheers

cgraz

no it won't. I just did the exact same thing as you...except I wrote a rewrite rule that forwards everything to index.php. All of my paths start with a forward slash, and then work their way up from the root directory (including links). Works just fine.

So rather than http://www.mydomain.com/images/icons/psd.gif

I would do

/images/icons/psd.gif