Adding a # symbol and redirecting to a url using htaccess

Question

I am attempting to rewrite the URL on my website using the .htaccess but have had no luck so far. I want to add a hash to the URL and redirect.

I want to get the last file in the URL and redirect it to the same URL but append a # symbol before the last file. The reason I want to do this is for my website, all the content is loaded dynamically without refreshing the page.

For example, www.example.com/foo would become www.example.com/#foo

or www.example.com/form/bar.php would become www.example.com/form/#bar.php

I don't mind if I need one entry for each page, I have tried many variations but nothing has worked so far.

RewriteRule ^(.*)foo(.*)$ $1#foo$2 [R=301,L]

RewriteRule ^(.*)/(.*)$ /$1#$2 [L,R=301,NE]

This kind of works, but it replaced everything with the #foo. So my local instance localhost/mywebsite/foo becomes localhost/#foo — Mike Irish
– Mike Irish, Commented Feb 4, 2022 at 14:40

anubhava · Accepted Answer · 2022-02-04 15:20:00Z

3

Have it this way in your .htaccess:

RewriteEngine On

RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_URI} ^(.*/)([^/]+/?)$
RewriteRule ^ %1#%2 [L,NE,R=301]

A note about RewriteCond %{REQUEST_URI} ^(.*/)([^/]+/?)$:

We are using 2 capture groups in regex here:

(.*/): Match longest match before last / being represented as %1 later
([^/]+/?): Match last component of URI being represented as %2 later

In target we use %1#%2 to place a # between 2 back references.

edited Feb 4, 2022 at 15:20

answered Feb 4, 2022 at 15:06

anubhava

790k67 gold badges603 silver badges671 bronze badges

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

2 Comments

Mike Irish Over a year ago

Can you briefly explain how this works, please?

anubhava Over a year ago

Yes added it in question

mister_cool_beans · Accepted Answer · 2022-02-04 15:04:08Z

1

something like this...

RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^/* /#$1 [NC]

answered Feb 4, 2022 at 15:04

mister_cool_beans

1,5231 gold badge13 silver badges20 bronze badges

3 Comments

MrWhite Over a year ago

Unfortunately, there's quiet a few things wrong here, such as... the pattern ^/* will never match, the $1 backreference is always empty, the # will be URL-encoded in the response (if this was a "redirect"), this is not a redirect (it needs to be an external redirect for JS to handle the response), etc.

MrWhite Over a year ago

Who is upvoting this?!

mister_cool_beans Over a year ago

The ^/* matches and $1 is not always empty, I tested it before I posted it

Collectives™ on Stack Overflow

Adding a # symbol and redirecting to a url using htaccess

2 Answers 2

2 Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related