не может получить / о INR реагировать режим продукта

Question

У меня есть такой код, и этот код работает нормально на сервере dev, но когда я собираюсь с помощью 'npm -run-build' и попадаю в / о маршруте и перезагружаю его, он говорит "Cannot GET / about" «Как я могу это исправить

import React from "react";
import "./App.css";

import { BrowserRouter, Switch, Route, Link } from "react-router-dom";
import Home from "./component/Home";
import About from "./component/About";
function App() {
  return (
    <BrowserRouter>
      <div className="App">
        <Link to="/">Home</Link> <br /> <Link to="/about">About</Link>
        <Switch>
          <Route path="/" exact component={Home} />
          <Route path="/about" component={About} />
        </Switch>
      </div>
    </BrowserRouter>
  );
}

export default App;

Вот мой пакет. json Файл Зависимости

  "dependencies": {
"@testing-library/jest-dom": "^4.2.4",
"@testing-library/react": "^9.3.2",
"@testing-library/user-event": "^7.1.2",
"history": "^4.10.1",
"react": "^16.13.1",
"react-dom": "^16.13.1",
"react-router-dom": "^4.2.2",
"react-scripts": "3.4.1"

},

После перезагрузки это выглядит так

Answer 1

Попробуйте использовать этот подход:

    <Switch>
       <Route path="/" exact>
         <Home />
       </Route>
       <Route path="/about">
         <About />
       </Route>
   </Switch>