在本地環境下有效，但部署後刷新無效

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。 對於您的情況，您可以透過新增以下重定向/重寫規則來解決：

#