Es ist in der lokalen Umgebung gültig, eine Aktualisierung nach der Bereitstellung ist jedoch ungültig.

Question

Ich verwende react-router-dom。在部署后，如果刷新应用程序，应用程序将无法工作，抛出一个错误 Not found, aber es funktioniert in der lokalen Umgebung einwandfrei. Dies geschieht für jede Route.

<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>

Was schief gelaufen ist und wie man es löst. Funktioniert es nicht, weil react-router-dom nicht richtig verwendet wird?

Dies ist der bereitgestellte Anwendungslink: Memories-App

Answer 1

无论您在哪里尝试单独访问任何路由，都会出现此错误。出现此错误的原因是render查找不存在的文件/posts。 对于您的情况，您可以通过添加以下重定向/重写规则来解决：