使用路由器时，使用 nginx 响应应用程序不切换组件

Question

我正在尝试使用 nginx 部署我的 React 应用程序。

我遇到的问题是在更改路由时，例如 /about 它实际上并没有更新前端，它只是保留在索引上。

这是我在可用站点中的配置：

server {

  listen 80 default_server;

  server_name server_ip_here;

  root /sites/FrontEnd/React/build;

  index index.html;

  access_log /var/log/nginx/krim.com.access.log;

  error_log /var/log/nginx/krim.com.error.log;

  location / {

      try_files $uri /index.html;

  }

}

这是路由器：

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

<Router>

      <CookieConsent buttonText="Accept">

      </CookieConsent>

      <Switch>

        <Route exact path="/" component={Home} />

        <Route path="/About" component={Over}/>

        <Route path="/FAQ" component={FAQ}/>

      </Switch>

</Router>

现在，页面索引已加载，但在使用 nginx 时转到 my-ip/About 或 my/FAQ 不会执行任何操作。

现在使用npm start它一切正常，而且使用serve -s build也很好，所以这似乎是我的一些 nginx 配置错误。

任何帮助表示赞赏，干杯。

编辑：更正，本地serve确实有效，但在远程虚拟机上它也不起作用。

Answer 1

我在自己的电脑上构建了这个包，然后将它上传到虚拟机，现在它可以正常工作了。