Voir la source de Routing Vues.js et React.js Serveur Apache

Par défaut, Apache ne sait pas comment gérer les routes de votre application VueJS ou ReactJS et renvoie une erreur 404 lorsque vous essayez d'accéder directement à une route autre que la page d'accueil. Pour résoudre ce problème, vous devez configurer votre serveur Apache pour qu'il redirige toutes les requêtes vers le fichier <code>index.html</code> de votre application VueJS. Voici comment vous pouvez procéder :

# '''Créer un fichier .htaccess''' : Ce fichier permet de configurer Apache pour rediriger toutes les requêtes vers <code>index.html</code>, sauf celles visant des fichiers ou des répertoires existants.<syntaxhighlight lang="bash">
<IfModule mod_rewrite.c>
    RewriteEngine On
    RewriteBase /
    RewriteRule ^index\.html$ - [L]
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteRule . /index.html [L]
</IfModule>

</syntaxhighlight>
# '''Placer le fichier .htaccess à la racine de votre projet VueJS''' : À côté de votre <code>index.html</code>.
# '''Ajouter les directives nécessaires dans le fichier .htaccess''' : (pas nécessaire sur Plesk)

Ces directives font les choses suivantes :

* <code>RewriteEngine On</code> : Active le moteur de réécriture.
* <code>RewriteBase /</code> : Définit la base de l'URL utilisée pour la réécriture.
* <code>RewriteRule ^index\.html$ - [L]</code> : Si l'URL demandée est <code>index.html</code>, ne rien faire (le laisser tel quel).
* <code>RewriteCond %{REQUEST_FILENAME} !-f</code> : Si le fichier demandé n'existe pas...
* <code>RewriteCond %{REQUEST_FILENAME} !-d</code> : ... et si le répertoire demandé n'existe pas...
* <code>RewriteRule . /index.html [L]</code> : ... alors rediriger la demande vers <code>index.html</code>.

# '''Activer le module mod_rewrite d’Apache''' (si ce n'est pas déjà fait) :  Pour cela, vous devrez vous assurer que le module <code>mod_rewrite</code> est activé. Vous pouvez le faire via l'interface de gestion de Plesk ou en accédant à la configuration Apache si vous avez les privilèges nécessaires. Voici une commande que vous pouvez utiliser si vous avez accès au terminal :

Une fois ces étapes terminées, Apache redirigera toutes les requêtes vers <code>index.html</code>, permettant à votre application VueJS de gérer les routes côté client comme prévu.