Node.js 在构建noone页面加载后部署。只是第一页。反应
我正在使用一个主机“Umbler”,在我完成部署、构建、初始页面运行之后,其他页面不会运行 在开始时,当重定向时,将显示一个空白页。所以我为“找不到”做了一条路线Node.js 在构建noone页面加载后部署。只是第一页。反应,node.js,reactjs,express,deployment,build,Node.js,Reactjs,Express,Deployment,Build,我正在使用一个主机“Umbler”,在我完成部署、构建、初始页面运行之后,其他页面不会运行 在开始时,当重定向时,将显示一个空白页。所以我为“找不到”做了一条路线 <Route render={() => <h1>Not Found Page</h1>} /> 我试过使用HashRouter和BrowserRouter(我想使用BrowserRouter,但hash也不起作用) 在我要构建的服务器上,我制作了以下创建应用程序文档: app.use(ex
<Route render={() => <h1>Not Found Page</h1>} />
我试过使用HashRouter和BrowserRouter(我想使用BrowserRouter,但hash也不起作用)
在我要构建的服务器上,我制作了以下创建应用程序文档:
app.use(express.static(path.join('client/build')));
app.get("*", function (req, res){
res.sendFile(path.join(__dirname, "client", "build","index.html"));
});
请有人帮忙,页面已打开,如果您想测试,路线在这里。
calces.com.br
tks,请帮忙
<BrowserRouter>
<Switch>
{/*Rota Cliente*/}
<Route path="/" exact component={Home} />
<Route path="/produtos/:idProduto" exact component={ProdutoDetails} />
<Route render={() => <h1>Not Found Page</h1>} />
{/*Rota Admin*/}
<Route path="/admin/login" exact component={Login} />
<Route path="/admin" exact component={Dashboard} />
<Route path="/admin/itens" exact component={Itens} />
<PrivateRoute path="/admin/itens/cadastrar" exact component={ItemCadastrar} />
<PrivateRoute path="/admin/itens/editar/:idItem" exact component={ItemEditar} />
<PrivateRoute path="/admin/servicos" exact component={Servicos} />
<PrivateRoute path="/admin/servicos/cadastrar" exact component={ServicoCadastrar} />
<PrivateRoute path="/admin/servicos/editar/:idServico" exact component={ServicoEditar} />
<PrivateRoute path="/admin/produtos" exact component={Produtos} />
<PrivateRoute path="/admin/produtos/cadastrar" exact component={ProdutoCadastrar} />
<PrivateRoute path="/admin/produtos/editar/:idProduto" exact component={ProdutoEditar} />
<Route path="/admin/usuarios" exact component={Usuarios} />
<Route path="/admin/usuarios/cadastrar" exact component={UsuarioCadastrar} />
<Route path="/admin/usuarios/editar/:idUsuario" exact component={UsuarioEditar} />
<PrivateRoute path="/admin/ordem_producao" exact component={OrdensProducao} />
<PrivateRoute path="/admin/ordem_producao/cadastrar" exact component={OrdemProducaoCadastrar} />
<PrivateRoute path="/admin/ordem_producao/editar/:idOrdemProducao" exact component={OrdemProducaoEditar} />
<PrivateRoute path="/admin/ordem_producao/visualizar/:idOrdemProducao" exact component={OrdemProducaoVisualizar} />
<PrivateRoute path="/admin/estoques" exact component={Estoques} />
<PrivateRoute path="/admin/estoques/cadastrar" exact component={EstoqueCadastrar} />
<PrivateRoute path="/admin/estoques/editar/:idEstoque" exact component={EstoqueEditar} />
<PrivateRoute path="/admin/estoques/itens" exact component={EstoqueItens} />
<PrivateRoute path="/admin/ferramentas" exact component={Ferramentas} />
<PrivateRoute path="/admin/ferramentas/cadastrar" exact component={FerramentaCadastrar} />
<PrivateRoute path="/admin/ferramentas/editar/:idFerramenta" exact component={FerramentaEditar} />
<PrivateRoute path="/admin/maquinas" exact component={Maquinas} />
<PrivateRoute path="/admin/maquinas/cadastrar" exact component={MaquinaCadastrar} />
<PrivateRoute path="/admin/maquinas/editar/:idMaquina" exact component={MaquinaEditar} />
<PrivateRoute path="/admin/ordem_manutencao" exact component={OrdensManutencao} />
<PrivateRoute path="/admin/ordem_manutencao/cadastrar" exact component={OrdemManutencaoCadastrar} />
<PrivateRoute path="/admin/ordem_manutencao/editar/:idOrdemManutencao" exact component={OrdemManutencaoEditar} />
<PrivateRoute path="/admin/ordem_manutencao/finalizar/:idOrdemManutencao" exact component={OrdemManutencaoFinalizar} />
<PrivateRoute path="/admin/ordem_manutencao/visualizar/:idOrdemManutencao" exact component={OrdemManutencaoVisualizar} />
</Switch>
</BrowserRouter>
"homepage": "http://calces.com.br",
app.use(express.static(path.join('client/build')));
app.get("*", function (req, res){
res.sendFile(path.join(__dirname, "client", "build","index.html"));
});