Блог

Я работаю с react-router v6, он отлично работает в режиме разработки (при обновлении веб-сайта не происходит сбой и работает нормально), но при обновлении веб-сайта происходит сбой, в противном случае навигация в порядке

мой код,

 
import {
  BrowserRouter as Router,
  Route,
  Routes
} from "react-router-dom";
//all the import of components

function App() {
  return (
    <div className="App">
      <Router>
        <Navbar />
        <Routes>
          <Route path="/" element={<Home></Home>} />
          <Route exact path="/shop" element={<Shop></Shop>} />
          <Route path="/shop/:slug" element={<Product />} />
          <Route path="/cart" element={<Cart></Cart>} />
          <Route path="*" element={<h1>not found</h1>} />
        </Routes>
      </Router>

    </div>
  );
}
  

Это была проблема с Netlify, когда я развернул его на Vercel, он работал нормально.

У меня такая же проблема, и для меня помогает создать _redirects файл с /* /index.html 200 содержимым внутри общей папки