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

Я установил свой экземпляр Lightsail со статическим IP-адресом и мое приложение React в папке htdocs. Я пытаюсь запретить кому-либо доступ к нему через общедоступный URL-адрес. (Сделано так, что, прежде чем вы сможете получить к нему доступ, вам необходимо подключиться к экземпляру Lightsail по SSH.) В настоящее время мой файл 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-адресу, он не перенаправляется на localhost. Мой код выглядит следующим образом:

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