本地环境下有效，但部署后刷新无效

Question

我正在使用 react-router-dom。在部署后，如果刷新应用程序，应用程序将无法工作，抛出一个错误 Not found，但在本地环境中运行正常。这对每个路由都发生。

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

出了什么问题，如何解决。是因为没有正确使用 react-router-dom 所以无法工作吗？

这是部署的应用程序链接：Memories-app

Answer 1

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