Перенаправление htaccess не работает в приложении React

Я настроил свой экземпляр lightsail со статическим IP-адресом и приложением React в папке htdocs. Я пытаюсь запретить кому-либо доступ к нему через публичный URL. (Делая так, чтобы перед тем, как вы смогли получить к нему доступ, вам нужно быть SSH в экземпляре lightsail.) В настоящее время мой файл htaccess в настоящее время перенаправляет только домашнюю страницу, а не другие страницы. Мой файл htaccess выглядит следующим образом.

RewriteEngine On
RewriteBase /

    RewriteCond %{HTTP_HOST} ^1.2.3.4$
    RewriteRule ^/?$ http://127.0.0.1:8080 [R=301,L]

    RewriteCond %{HTTP_HOST} ^1.2.3.4/About$
    RewriteRule ^/?$ http://127.0.0.1:8080/About [R=301,L]

РЕДАКТИРОВАТЬ 1: как предлагается ниже:

Я добавил предложенный код на мой виртуальный хост в 000-default.conf, Я также установил то, что было необходимо, и убедился, что все было активировано. Я могу перезапустить Apache без каких-либо ошибок. Однако когда я перехожу к общедоступному IP-адресу, он не перенаправляется на локальный хост. Мой код выглядит следующим образом:

<VirtualHost *:*>
    ProxyPreserveHost On
    ProxyPass / http://127.0.0.1:8080/
    ProxyPassReverse / http://127.0.0.1:8080/
    ServerName localhost
</VirtualHost>