php rewrite rules htaccess problems with CSS and JS

Question

I'm having some trouble when applying rewrite rules to my pages.

My scheme is the following:

Assets (contains all subfolders with JS, CSS, IMG, etc)
header.php
footer.php
index.php (that have all links to all other files -> index.php?id=page

Now, I'm having some troubles when creating a rewrite rule with second level. For example, I have the page:

edit-language -> that opens the page index.php?id=edit-language

This page lists all languages and have some options to user choose:

edit-language/delete/X -> opens the same page above but with &delete=X -> both X are the ID
edit-language/publish/X -> opens the same page above but with &publish=X -> both X are the ID

Now, The rewrite rule I have for main page:

RewriteRule ^edit-lang/?$ index.php?id=edit-lang [L]

And this works just fine, but when I create the rule for another level /something/something it lost all CSS files. For example:

RewriteRule ^edit-lang/delete/(.*)$ index.php?id=edit-lang&delete=$1 [L]

All my assets are being loaded in header and footer PHP files like src="assets/js/..."

Can someone help me please? Thanks!

delboy1978uk · Accepted Answer · 2018-08-29 09:46:09Z

1

I'll take a guess here - you are using relative links?

src="css/some.css"

This looks from the current folder. As you are now on a different folder level, the files are not available and will 404.

Always use an absolute link starting with a slash like so:

src="/css/some.css"

This way it will start looking from your site root, and shouldn't 404 any more.

answered Aug 29, 2018 at 9:46

delboy1978uk

12.4k2 gold badges25 silver badges42 bronze badges

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

1 Comment

Tiago Over a year ago

You was absolutely right. That was a stupid error from my side. I have all sources with absolute link except two of them (main css and js). Thanks for your time.

Collectives™ on Stack Overflow

php rewrite rules htaccess problems with CSS and JS

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related