.htaccess rewrite without it affecting relative image/css/js URLs?

Question

I need some simple help with my htaccess file, thank you in advance.

I have a number website URLs, such as:

www.site.com/index.php?page_path=solutions-overview.html
www.site.com/index.php?page_path=solutions-a.html

I want to use the RewriteEngine to change the above links to the following respectively:

www.site.com/solutions/overview
www.site.com/solutions/a

Below is the .htaccess code I am using:

RewriteEngine On
RewriteRule ^solutions/overview index.php?page_path=solutions-overview.html
RewriteRule ^solutions/a index.php?page_path=solutions-a.html

This works, however all of my images, CSS files and JS files no longer load because the page is trying to fetch the wrong URLs. For example "/images/blah.jpg" is instead loading as "/solutions/images/blah.jpg".

How can I modify the htaccess code to prevent relative URLs from changing?

Thank you!

Thanks but this didn't help. I cannot find a solution using htaccess. For anyone interested - I solved the issue by adding the following to the header of my HTML <base href="http://www.site.com/"> so that relative URLs are always resolved from this — ghilton
– ghilton, Commented Jan 11, 2013 at 4:25

Mr Lister · Accepted Answer · 2016-02-10 20:01:34Z

4

Add this line <BASE href="http://www.yoursitename.com/"> to your page inside the <head> tag as follows:

<head>
    <title>Your site title</title>
    <BASE href="http://www.yoursitename.com/">
    ....
</head>

edited Feb 10, 2016 at 20:01

Mr Lister

46.8k15 gold badges118 silver badges156 bronze badges

answered Feb 3, 2016 at 8:52

Okafor T Kosiso

3083 silver badges10 bronze badges

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

Collectives™ on Stack Overflow

.htaccess rewrite without it affecting relative image/css/js URLs?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related