我有一个React应用程序,在导航中遇到了404问题,如果我尝试刷新不是根页面的页面,它会给我404错误。
问题是只发生在生产环境中,而不是开发环境中。 在开发环境中,我使用npm start,在生产环境中,我使用serve build。
这使得调试更加复杂,因为我失去了用于调试的热重载选项。每次更改后我必须编译我的Docker映像。
以下是我的部分代码:
问题是只发生在生产环境中,而不是开发环境中。 在开发环境中,我使用npm start,在生产环境中,我使用serve build。
这使得调试更加复杂,因为我失去了用于调试的热重载选项。每次更改后我必须编译我的Docker映像。
以下是我的部分代码:
<BrowserRouter>
<div>
<Switch>
<Route exact path="/premiere-connexion" component={FirstLoginLayout}/>
{(user.state === "1" && window.location.pathname === "/premiere-connexion") &&
<Redirect to="/premiere-connexion"/>}
<PrivateRoute path="/bo" component={BackOfficeLayout} profiles={["ADMIN"]}/>
<Route exact path="/" component={Customer}/>
<Redirect to="/"/>
</Switch>
}
</div>
</BrowserRouter>
有任何想法应该如何在本地复制它?
serve
将期望您的深度链接是构建文件夹中的文件夹。请查看serve
文档中的配置部分。有一个rewrite
选项可能会有用。 - hbentlovnpm run build
命令构建这个项目的。 - Juliatzin