Ia sah dalam persekitaran setempat, tetapi menyegarkan semula selepas penggunaan adalah tidak sah.

Question

Saya menggunakan react-router-dom。在部署后，如果刷新应用程序，应用程序将无法工作，抛出一个错误 Not found tetapi ia berfungsi dengan baik dalam persekitaran tempatan. Ini berlaku untuk setiap laluan.

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

Apa yang salah dan cara menyelesaikannya. Adakah ia tidak berfungsi kerana react-router-dom tidak digunakan dengan betul?

Ini ialah pautan aplikasi yang digunakan: Memories-app

Answer 1

Ralat ini akan muncul di mana-mana anda cuba mengakses mana-mana laluan secara individu. Ralat ini berlaku kerana render sedang mencari fail yang tidak wujud /posts. Untuk kes anda, anda boleh menyelesaikannya dengan menambahkan peraturan ubah hala/tulis semula berikut: