Wenn Sie React zum Entwickeln eines neuen Projekts verwenden, die Seite aktualisieren und direkt auf die sekundären oder tertiären Routen zugreifen, schlägt der Zugriff fehl und es tritt eine 404- oder Ressourcenladeausnahme auf. In diesem Artikel wird dieses Problem analysiert und die Lösung zusammengefasst. Dieser Artikel stellt hauptsächlich die Lösung für das 404-Problem der React-Router-History-Aktualisierungsseite vor. Ich hoffe, dass er allen helfen kann.
Hintergrund
Wenn Sie webpack-dev-server als lokalen Entwicklungsserver verwenden, müssen Sie unter normalen Umständen nur einfach den Webpack-dev-Server verwenden. Wenn sich das Projekt jedoch in den folgenden zwei Situationen befindet, sind häufig verschachteltes Routing und asynchrones Laderouting erforderlich:
Wir verwenden eine Routing-Bibliothek wie React-Router um ein Single-Page-Anwendungsrouting zu erstellen;
Verwenden Sie das HTML-Webpack-Plugin, um das
