Router React en production sous apache 2

Problème

Nous avons un problème sur le routing de notre application. lorsque l'on se rend sur une autre page, nous avons une 404.

Solution

Nous allons nous rendre dans la configuration du serveur Apache.

cd /etc/apache2/sites-enabled && ls

Nous avons normalement ces deux fichiers présents sur notre système. Si cela n'est pas le cas (se référer au cours permettant de passer son serveur Apache en https.

Solution

Nous allons éditer le fichier 000-default-le-ssl.conf

sudo nano 000-default-le-ssl.conf

Solution

Nous allons ajouter ces lignes

<Directory "/var/www/html">
    RewriteEngine on
    # Don't rewrite files or directories
    RewriteCond %{REQUEST_FILENAME} -f [OR]
    RewriteCond %{REQUEST_FILENAME} -d
    RewriteRule ^ - [L]
    # Rewrite everything else to index.html to allow html5 state links
    RewriteRule ^ index.html [L]
</Directory>

Solution

ctrl + x pour enregistrer les modifications

Solution

Maintenant, nous devons redémarrer notre serveur afin que les modifications fassent effet.

sudo service apache2 restart

Solution

Nous avons maintenant accès à notre application d'une manière classique. Attention tout de même aux redirections que vous faites au sein de votre applicatif.