Bonjour tout le monde.

Voilà depuis peu, j'ai voulu me lancer dans l'apprentissage de React. Cependant je suis tombé sur un os.

Lorsque j'utilise webpack-dev-server, tout va bien et le routing se fait côté client. Mais lorsque je veux passer en production, le routing se fait côté serveur. Ce qui a pour conséquence de rendre impossible de naviguer sur le site grace à react router et me donne comme résultat une page blanche avec "Cannot GET /contacte"par exemple.

Y a-t-il une solution pour pallier ce problème ? Si oui laquelle ?

Merci d'avance pour vos réponses.

PS: J'utilise live-server pour tester en production.

Bon bah désolé pour le derangement, je viens de trouver la solution à mon problème.

Le mieux c'est de poster la solution à ton problème, comme ça si quelqu'un cherche une solution et tombe sur ton post, il peut lui même le régler.

Le 15 juin 2020 à 19:46:56 Le_Tryall a écrit :
Le mieux c'est de poster la solution à ton problème, comme ça si quelqu'un cherche une solution et tombe sur ton post, il peut lui même le régler.

Ce n'est pas faux. J'aurai dû y penser.

Alors pour résoudre ce problème j'ai rajouté un fichier .htaccess dans le dossier dans lequelle se trouve mon fichier html avec le conenu suivant:

RewriteEngine on
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.html [L]

De cette façon, dès lors où je tente d'atteindre une route qui n'existe pas dans mes fichiers, le navigateur me ramène immédiatement à /index.html.

J'espère que mes explications sont assez claires.

Note additionnelle : ta solution ne fonctionne que sur un serveur Apache.

Le 20 juin 2020 à 17:26:37 lisarael a écrit :
Note additionnelle : ta solution ne fonctionne que sur un serveur Apache.

Ah oui c'est vrai! Pardon j'aurai dû le préciser.