htaccess clean url rewrite images, css and javascript etc not showing

Question

I have created a .htaccess file so I can use some SEO friendly and pretty looking URLs.

I'm wanting to convert: http://domain.com/page.php?id=200&name=this-is-a-title

To: http://domain.com/200/this-is-a-title

When I go to the latter URL, it does work but images, css, js etc do not show up. After some Googling I found a few ways on how to ignore paths to files that don't exist and ignoring specific directories. However, whenever I add these rules/conditions the URL rewrite no longer works and I just get a 404 error.

Here is my .htaccess file:

# Turn rewriting on
RewriteEngine On

# Allow any files or directories that exist to be displayed directly
#RewriteCond %{REQUEST_FILENAME} !-f 
#RewriteCond %{REQUEST_FILENAME} !-d
#RewriteRule ^(inc|css|img|js)($|/) - [L]
#RewriteCond %{REQUEST_URI} "/css/" [OR]
#RewriteCond %{REQUEST_URI} "/img/"
#RewriteCond %{REQUEST_URI} !^/css

# Set rewrite rule
RewriteRule ^([0-9]+)/([^.]+)$ page.php?id=$1&name=$2

As you can see where the commented out lines are, I've tried a few rules to ignore the css/img/js folders, but none work.

Does anyone have any ideas why this might be happening?

EDIT:

Just for some more info, when I right-click and view image info on where an image should be, it's saying its path is 200/img/image.jpg and when I change the image's src to ../img/image,jpg it works, however, I can't really do this as I have some PHP include files that I can't edit because they are used in all my other pages on the site as well, so I can't really go and change the image src in them without duplicating the php file, which would seem silly having two of them

Jon Lin · Accepted Answer · 2014-01-20 09:13:26Z

3

You need to either change your links to absolute URLs (that start with a /) or add a relative URL base to the header of your pages:

<base href="/" />

answered Jan 20, 2014 at 9:13

Jon Lin

144k29 gold badges226 silver badges224 bronze badges

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

Comments

Adam Hopkinson · Accepted Answer · 2014-01-20 09:12:13Z

1

You shouldn't need all those rules, and most of them were commented out (#). Try:

# Turn rewriting on
RewriteEngine On

# Allow any files or directories that exist to be displayed directly
RewriteCond %{REQUEST_FILENAME} !-f 
RewriteCond %{REQUEST_FILENAME} !-d

# Set rewrite rule
RewriteRule ^([0-9]+)/([^.]+)$ page.php?id=$1&name=$2

answered Jan 20, 2014 at 9:12

Adam Hopkinson

28.9k9 gold badges74 silver badges105 bronze badges

1 Comment

Nathan Over a year ago

Unfortunately I had already tried those two conditions together. But they return a 404 error, which is why they are commented out. I just showed the comments so you could see what I have tried.

anubhava · Accepted Answer · 2014-01-20 10:13:24Z

0

Just keep your rewrite rule as is but add a rule to fix links for css/js/images:

RewriteEngine On

# fix js/images/css
RewriteRule ^.+?/((img|css|js)/.+)$ /$1 [L,R=301,NC]

RewriteCond %{REQUEST_FILENAME} !-f 
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^([0-9]+)/([^.]+)/?$ page.php?id=$1&name=$2 [L,QSA]

edited Jan 20, 2014 at 10:13

answered Jan 20, 2014 at 9:16

anubhava

790k67 gold badges603 silver badges671 bronze badges

5 Comments

Nathan Over a year ago

I get a 500 Internal Server Error doing that :\

anubhava Over a year ago

can you try updated rule. Make sure fix js/images/css is your first rule.

anubhava Over a year ago

If you still get 500 then do check your Apache error.log for the reason why 500 is appearing.

Nathan Over a year ago

I got another 500 error trying your above code. And in the error log I get a list of File does not exist: /home/fhlinux195/d/domain/user/htdocs/200/css/style.css for each image/css and then

[Mon Jan 20 09:26:31 2014] [alert] [client 212.50.188.36] /home/fhlinux195/d/domain/user/htdocs/.htaccess: RewriteRule: cannot compile regular expression '^.+?/((?:img|css|js)/.+)$'\n

anubhava Over a year ago

Very strange, try this: RewriteRule ^.+?/((img|css|js)/.+)$ /$1 [L,R=301,NC] and make sure it this is copy paste as is. You should not be getting '\n as per your log.

pacholik · Accepted Answer · 2016-11-13 12:10:12Z

0

I had the same problem. Then I used this simple trick and it works like a champ.

All we need to specify the Dynamic-base-path of these files like Images, Stylesheets, JavaScript files.

index.php :

<head>
<?php
     if(isset($_GET['base'])){
         echo "<base href='".$_GET['base']."' />";
     }
?>
...
...
</head>

.htaccess :

RewriteEngine On 

# Allow any files or directories that exist to be displayed directly

#RewriteCond %{REQUEST_FILENAME} !-f 
#RewriteRule ^(.*)$ %{ENV:BASE}index.php [QSA,L]

RewriteRule ^([^.]+)$ index.php?mode=$1
RewriteRule ^([^.]+)/([^.]+)$ index.php?mode=$1&param=$2&base=../

In the .htaccess file we have to specify the 'base' parameter manually based upon the number of parameters in the clean URL.

edited Nov 13, 2016 at 12:10

pacholik

9,0529 gold badges48 silver badges59 bronze badges

answered Nov 13, 2016 at 11:48

Srinivas Batchu

9028 silver badges7 bronze badges

Collectives™ on Stack Overflow

htaccess clean url rewrite images, css and javascript etc not showing

4 Answers 4

Comments

1 Comment

5 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

1 Comment

5 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related