Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

URL rewriting : css, js, and images not loading

Tags:

I've following rule for .htaccess

Options +FollowSymLinks  RewriteEngine On RewriteBase / RewriteCond %{REQUEST_FILENAME} -f [OR]  RewriteRule ^detail/([0-9]+)/?$ detail.php?id=$1 

It redirects http://localhost/detail/123 URL to http://localhost/detail.php?id=123. The page redirects successfully, but the problem is CSS, JS, and images are not loading,

CSS, js files are located under http://localhost/css/ and http://localhost/js/

One solution is to use absolute path (ex /CSS, or /js rather than just CSS/, /js but this does not seem a reliable solution since we've to change it on all files,

Any other solution based on .htaccess rules, which is independent of editing all PHP files and let us use "relative paths"?

like image 237
Bhavesh G Avatar asked Oct 14 '12 14:10

Bhavesh G


1 Answers

one solution is that use absolute path (ex /css, or /js rather than just css/, /js but this is not looks a reliable solution since we've to change it on all files,

This is because your relative URIs have their base changed. Originally, the base is / when the page is /detail.php?id=123, and the browser properly fills in relative links with the / base. But when the browser goes to a page like /detail/123 the base suddenly becomes /detail/ and it tries to append that in front of all relative URLs and thus none of them load.

You can either make your links absolute, or change the URI base in the header of your pages (inbetween the <head> </head> tags):

<base href="/"> 
like image 142
Jon Lin Avatar answered Oct 21 '22 10:10

Jon Lin