如何使用 React 和 NGINX 实现导航？

Question

我有一个使用 React.js 的网站，部署在 AWS EC2 实例上。

为了部署它，我使用 Bitbucket 管道系统。

作为服务器，我使用 NGINX。

我的问题是：要使用屏幕之间的导航，我应该在 NGINX 配置文件中设置一些东西吗？因为如果我尝试使用“链接到”，例如转到主页，我的网址就会变成 http://IP.compute-1.amazonaws.com/register 但结果是 404 未找到

编辑：路由器：

<BrowserRouter> 
            <Switch>
             <Route path="/home" component={Home} exact/>
             <Route path="/profile" component={Profile}/>
             <Route path="/" component={Login}/>
             <Route path="/register" component={Register}/>
            <Route component={Error}/>

           </Switch>
      </BrowserRouter>

导航：

<Link to="/register">
            <button className="loginRegisterButton">
              Create a New Account
            </button>
            </Link>

给出“404 not found nginx”的路径：

http://ec2-***-**-**-**.compute-1.amazonaws.com/home

另外，我认为在 NGINX 上我没有我需要的所有文件： 在家庭/ec2 用户中： screenshot

Answer 1

除了确保我们的域配置正确之外，您无需为 nginx 额外配置任何内容。您可以使用 npm 中的 react-router 和 react-router-dom 包在多个页面之间轻松路由。