Ich schreibe eine einzelne Seite App mit React für Bildungszwecke. Mein React-Router v4 BrowserRouter behandelt das clientseitige Routing korrekt in CodeSandbox, aber nicht lokal. In diesem Fall ist der lokale Server der Webstorm-integrierte Devserver. HashRouter funktioniert lokal, BrowserRouter jedoch nicht.Browserify + WebStorm Debug bricht Routing in React-Router v4 BrowserRouter
ordnungsgemäß funktioniert: https://codesandbox.io/s/j71nwp9469
Die Lösung bestand darin zu verstehen, wie das Push-State-Routing und die History-API funktionieren. Es ist erforderlich, Anforderungen über die Indexseite zu übertragen, wenn Sie Einseitenanwendungen bereitstellen, die die HTML5-Verlaufs-API verwenden.
Es wird nicht erwartet, dass der Webstorm-Dev-Server diese Funktion enthält, daher war die Erwähnung von Webstorm in diesem Thread ein Fehler.
Es gibt mehrere Bibliotheken von < 20 Zeilen, die dies für uns tun, oder es kann leicht von Hand codiert werden.
Sie wahrscheinlich Ihre Anwendung auf dem integrierten Webserver (localhost:63342) dient, nicht wahr? Interner Webserver gibt zurück, wenn 'absolute' URLs (die mit Schrägstrich beginnen) verwendet werden, da Dateien von localhost:port/project_name und nicht von localhost:port geliefert werden. Deshalb müssen Sie sicherstellen, dass alle URLs von absolut zu den relativen URLs geändert werden.
Es gibt keine Möglichkeit, den internen Webserver so einzurichten, dass er das Projektstammverzeichnis als Serverdokumentstammverzeichnis verwendet. Aber Sie können es für die Verwendung von URLs wie http://<host name>:<port> konfigurieren, wobei der 'Hostname' ein Name ist, der in Hosts Datei, wie 127.0.0.1 myhostName. Siehe https://youtrack.jetbrains.com/issue/WEB-8988#comment=27-577559.