无法获取 /about inr 反应产品模式

Question

我有这样的代码，并且该代码在开发服务器中运行良好，但是当我使用 '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>