Como configurar o React Router no Apache2

Como configurar o Apache2 para funcionar adequadamente com as rotas do React Router. Com essas configurações será possível recarregar a pagina ou acessar uma rota diretamente pela URL no navegador.

1. Adicione a linha 'homepage' no package.json:

"homepage": "/meu-site",

2. Adicione o atributo 'basename' na tag BrowserRouter:

<BrowserRouter basename="/meu-site">

3. Habilite o modulo 'rewrite' no apache:

sudo a2enmod rewrite

4. Edite o arquivo '/etc/apache2/sites-available/000-default.conf' e adicione a regra de reescrita dentro da tag VirtualHost:

<Directory "/var/www/html/meu-site">
    RewriteEngine on
    RewriteCond %{REQUEST_FILENAME} -f [OR]
    RewriteCond %{REQUEST_FILENAME} -d
    RewriteRule ^ - [L]
    RewriteRule ^ index.html [L]
</Directory>

5. Reinicie o serviço do Apache:

sudo service apache2 restart

6. Crie um diretório com o nome 'meu-site' em '/var/www/html' e copie o código compilado para ele.

[]'s