Un problème 404 se produit lors de l'actualisation de la page dans React-Router

Cet article présente principalement la solution au problème 404 de l'historique du navigateur React-Router qui actualise la page. Il est d'une grande valeur pratique. Les amis dans le besoin peuvent s'y référer

Lorsqu'ils utilisent React pour développer de nouveaux projets, lorsque je rencontre directement la page d'actualisation. Lors de l'accès à la route secondaire ou tertiaire, l'accès échoue et une exception 404 ou de chargement de ressources se produit. Cet article analyse ce problème et résume la solution.

Contexte

Lorsque vous utilisez webpack-dev-server comme serveur de développement local, il vous suffit normalement d'utiliser simplement la commande webpack-dev-server pour démarrer, mais lorsque le projet Dans les deux situations suivantes, des routes imbriquées et des routes de chargement asynchrones sont souvent nécessaires :

1. Nous utilisons une bibliothèque de routage comme React-Router pour créer un routage d'application sur une seule page

2. Utilisez le plug-in html-webpack-plugin pour injecter dynamiquement la balise
   Derniers articles par auteur

   • Problèmes avec les fenêtres pop-up qui ne sont pas centrées dans la weebox
     2018-06-23 18:19:43
   • Comment utiliser des composants de type Excel dans vue+canvas
     2018-06-23 18:17:39
   • Comment appeler une classe en JavaScript
     2018-06-23 18:11:37
   • Comment implémenter la fonction d'actualisation pull-up à l'aide du framework Vue
     2018-06-23 18:10:14
   • Comment implémenter un composant de recadrage d'image à l'aide du terminal mobile Vue
     2018-06-23 18:06:43
   • À propos des modèles de mini-programme WeChat et de leur utilisation modulaire (tutoriel détaillé)
     2018-06-23 18:04:28
   • Comment implémenter la fonction de chargement pull-up dans vue2
     2018-06-23 18:02:45
   • Comment implémenter une liaison à trois niveaux à l'aide de Vue2
     2018-06-23 18:00:45
   • Comment implémenter le graphique de chargement de l'affichage des demandes de données dans vue2
     2018-06-23 17:58:23
   • Comment configurer et surveiller en utilisant l'élément plein écran
     2018-06-23 17:56:41
   Derniers numéros

   Comment déclencher le rendu (avec filtre et pagination) sur la méthode de tri dans React ? Voici mon composant de style Sort.js : <SortWrapper><SortText>SortBy</SortT...

   Depuis 2024-04-06 21:28:37

   0

   1

   2257

   La mise à jour du statut ne fonctionne pas dans React-Native sur Android J'ai du code qui contient des paires d'images dans une galerie horizontale pouvant être gl...

   Depuis 2024-04-06 16:54:10

   0

   1

   410

   Pourquoi l'omission de 0 ms de veille interrompt-elle mes transitions CSS ? J'essaie d'implémenter une animation FLIP pour voir si je la comprends bien. Dans ce codep...

   Depuis 2024-04-06 16:29:50

   0

   2

   490

   Élément enfant React non valide (trouvé : objet avec la clé {clientVersion}). Si vous souhaitez afficher une collection d'éléments enfants, utilisez plutôt un tableau J'ai un formulaire en plusieurs étapes et lorsque j'essaie de le soumettre, cette erreur s...

   Depuis 2024-04-06 16:25:39

   0

   1

   346

   React Three Fiber : Pourquoi mes événements de défilement sont-ils en retard ? Dans ReactThreeFiber, j'ai un composant React qui génère un sprite que je souhaite conserv...

   Depuis 2024-04-06 13:39:24

   0

   1

   410
   Rubriques connexes

   Plus>

   • Comment ouvrir un site Web 404
   • Comment accéder au site Web 404
   • Utilisation du nœud d'arbre
   • le démarrage d'Apache a échoué
   • Page d'erreur 404 de l'ordinateur
   • Quelle est la différence entre php5 et php7
   • Introduction à l'emplacement du panneau de configuration Win10
   • Comment résoudre l'échec de la résolution DNS