无法获得/关于inr反应产物模式

Question

我有这样的代码，并且此代码在dev服务器中运行良好，但是当我使用'npm-run-build'进行构建并到达/ about路由并重新加载时，它说“无法获取/ 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;

这是我的paccage.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"

}，

After Reloading it shows like this

Answer 1

尝试使用此方法：

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