Il est valide dans l'environnement local, mais l'actualisation après le déploiement n'est pas valide.

Question

J'utilise react-router-dom。在部署后，如果刷新应用程序，应用程序将无法工作，抛出一个错误 Not found mais cela fonctionne bien dans l'environnement local. Cela se produit pour chaque itinéraire.

<Routes>
  <Route path="/" exact element= {<Navigate to="/posts" />} />
  <Route path="/posts" exact element={<Home />} />
  <Route path="/posts/search" exact element={<Home />} />
  <Route path="/posts/:id" element={<PostDetails />} />
  <Route path="/auth" exact element={<Auth />} />
</Routes>

Qu'est-ce qui n'a pas fonctionné et comment le résoudre. Cela ne fonctionne-t-il pas parce que react-router-dom n'est pas utilisé correctement ?

Voici le lien de l'application déployée : Memories-app

Answer 1

Cette erreur apparaîtra chaque fois que vous essayez d'accéder à un itinéraire individuellement. Cette erreur se produit car le rendu recherche un fichier qui n'existe pas /posts. Pour votre cas, vous pouvez le résoudre en ajoutant les règles de redirection/réécriture suivantes :