Beim Aktualisieren der Seite im React-Router tritt ein 404-Problem auf

In diesem Artikel wird hauptsächlich die Lösung für das 404-Problem der Verlaufsaktualisierungsseite des React-Router vorgestellt. Es ist von großem praktischem Wert.

Wenn Sie React verwenden, um neue Projekte zu entwickeln Ich stoße direkt auf die Aktualisierungsseite. Beim Zugriff auf die sekundäre oder tertiäre Route 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.

Hintergrund

Wenn Sie webpack-dev-server als lokalen Entwicklungsserver verwenden, müssen Sie zum Starten normalerweise nur den Befehl webpack-dev-server verwenden, aber Wenn das Projekt In den folgenden zwei Situationen werden häufig verschachtelte Routen und asynchrone Laderouten benötigt:

1. Wir verwenden eine Routing-Bibliothek wie React-Router, um ein Single-Page-Anwendungsrouting zu erstellen; >

2. Verwenden Sie das HTML-Webpack-Plugin, um das
   Neueste Artikel des Autors

   • Probleme mit Popup-Fenstern, die nicht in der Weebox zentriert sind
     2018-06-23 18:19:43
   • So verwenden Sie Excel-ähnliche Komponenten in Vue+Canvas
     2018-06-23 18:17:39
   • So rufen Sie eine Klasse in JavaScript auf
     2018-06-23 18:11:37
   • So implementieren Sie die Pull-up-Aktualisierungsfunktion mithilfe des Vue-Frameworks
     2018-06-23 18:10:14
   • So implementieren Sie die Komponente zum Zuschneiden von Bildern mit dem mobilen Vue-Terminal
     2018-06-23 18:06:43
   • Über WeChat-Miniprogrammvorlagen und modulare Verwendung (ausführliches Tutorial)
     2018-06-23 18:04:28
   • So implementieren Sie die Pull-up-Ladefunktion in vue2
     2018-06-23 18:02:45
   • So implementieren Sie eine dreistufige Verknüpfung mit Vue2
     2018-06-23 18:00:45
   • So implementieren Sie das Ladediagramm für die Datenanforderungsanzeige in vue2
     2018-06-23 17:58:23
   • So richten Sie das Element im Vollbildmodus ein und überwachen es
     2018-06-23 17:56:41
   Aktuelle Ausgaben

   Wie löst man das Rendern (mit Filter und Paginierung) für die Sortiermethode in React aus? Hier ist meine Sort.js-Stilkomponente: <SortWrapper><SortText>SortBy</SortT...

   Aus 2024-04-06 21:28:37

   0

   1

   2257

   Die Statusaktualisierung funktioniert in React-Native auf Android nicht Ich habe einen Code, der Bildpaare in einer wischbaren horizontalen Galerie enthält. Wenn ...

   Aus 2024-04-06 16:54:10

   0

   1

   410

   Warum unterbricht das Weglassen von 0 ms Schlaf meine CSS-Übergänge? Ich versuche, eine FLIP-Animation zu implementieren, um zu sehen, ob ich sie richtig verst...

   Aus 2024-04-06 16:29:50

   0

   2

   490

   Ungültiges untergeordnetes React-Element (gefunden: Objekt mit Schlüssel {clientVersion}). Wenn Sie eine Sammlung untergeordneter Elemente rendern möchten, verwenden Sie stattdessen ein Array Ich habe ein mehrstufiges Formular und wenn ich versuche, es abzusenden, wird dieser Fehle...

   Aus 2024-04-06 16:25:39

   0

   1

   346

   React Three Fiber: Warum verzögern sich meine Scroll-Ereignisse? In ReactThreeFiber habe ich eine React-Komponente, die ein Sprite generiert, das ich über ...

   Aus 2024-04-06 13:39:24

   0

   1

   410
   verwandte Themen

   Mehr>

   • So öffnen Sie eine 404-Website
   • So betreten Sie die 404-Website
   • Der Geschwindigkeitsunterschied zwischen USB2.0 und 3.0
   • So lesen Sie Py-Dateien in Python
   • Chip
   • css3transition
   • Was ist der Baidu-Index?
   • Was ist der Unterschied zwischen einer Demomaschine und einer echten Maschine?