J'écris une application d'une seule page avec React à des fins éducatives. Mon React-Router v4 BrowserRouter gère correctement le routage côté client sur CodeSandbox mais pas localement. Dans ce cas, le serveur local est le devserver intégré à webstorm. HashRouter fonctionne localement mais pas BrowserRouter.Browserify + WebStorm débogage brise le routage dans React-Router v4 BrowserRouter
fonctionne correctement: https://codesandbox.io/s/j71nwp9469
La solution consistait à comprendre le fonctionnement du routage d'état push et de l'API d'historique. Il est nécessaire d'envoyer des demandes de proxy via la page d'index lors de la diffusion d'applications de page unique utilisant l'API d'historique HTML5.
Le serveur de développement Webstorm ne devrait pas inclure cette fonctionnalité, par conséquent la mention de Webstorm dans ce thread était une erreur.
Il existe plusieurs bibliothèques de < 20 lignes qui font cela pour nous, ou qui peuvent être facilement codées à la main.
Vous servez probablement votre application sur le serveur Web intégré (localhost:63342), non? Le serveur Web interne renvoie lors de l'utilisation des URL absolues (celles commençant par slash) car il sert les fichiers localhost:port/project_name et non localhost:port. C'est pourquoi vous devez vous assurer de changer toutes les URL de absolues à celles relatives.
Il est impossible de configurer le serveur Web interne pour utiliser la racine du projet comme racine de document serveur. Mais vous pouvez le configurer pour utiliser des URL comme http://<host name>:<port> où le 'nom d'hôte' est un nom spécifié dans fichier hosts, comme 127.0.0.1 myhostName. Voir https://youtrack.jetbrains.com/issue/WEB-8988#comment=27-577559.