.htaccess is renaming my css, img, and js

Question

I am trying to route a single blog post from a url

The url looks like this : http://localhost/news/post/1/post-title-slug

And my .htaccess:

RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^ index.php [QSA,L]`

And my routing file I am currently using a library called nezamy/route

$route->get('/post/?/?', function($postid,$page) {
    include 'post.php';
});

When I do this my css, js and images is renamed as well to something like this: http://localhost/news/post/1/css/main.css

That is because you load the css, js files from the relative location. You need to make a function to get the base url taking the rewritten path as a parameter and load css, js files from that base path. — Nimeshka Srimal
– Nimeshka Srimal, Commented Jun 23, 2017 at 8:16

Prateek · Accepted Answer · 2017-06-23 09:08:46Z

1

You need to add the css/js files with their absolute location when using htaccess rewrites. To do this, you can define your base url in a php variable as shown below:

$base_url = 'http://localhost/';

and then refer to it where you call the css/js files like so

<link rel="stylesheet" type="text/css" href="<?php echo $base_url; ?>css/main.css">

answered Jun 23, 2017 at 9:08

Prateek

84011 silver badges28 bronze badges

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

Comments

Хасан Шадияров · Accepted Answer · 2022-03-22 11:21:49Z

0

Prateek's answer is good, but I solve similar problem by adding.

<base href="/"/>

in my head tag.

or you can experiment with different folder like:

<base href="/web/"/>

and etc.

answered Mar 22, 2022 at 11:21

Хасан Шадияров

471 silver badge4 bronze badges

Collectives™ on Stack Overflow

.htaccess is renaming my css, img, and js

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related