React Production Build在页面刷新时显示404

import { HashRouter as Router, Route, Switch } from 'react-router-dom';

function App() {
  return (
    <Router>
      <Switch>
        <Route path="/" exact component={Home} />
        <Route path="/about" component={About} />
        <Route path="/contact" component={Contact} />
      </Switch>
    </Router>
  );
}

server {
  listen 80;
  server_name yourdomain.com;

  location / {
    root /path/to/your/build;
    try_files $uri /index.html;
  }
}

<IfModule mod_rewrite.c>
  RewriteEngine On
  RewriteBase /
  RewriteRule ^index\.html$ - [L]
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteRule . /index.html [L]
</IfModule>

module.exports = {
  // 其他配置...
  devServer: {
    historyApiFallback: true,
  },
};