无法获取/ heroku答案

【问题标题】：Cannot get/ heroku无法获取/ heroku
【发布时间】：2021-12-18 02:36:41
【问题描述】：

我将我的项目上传到heroku，起初似乎一切正常，主页加载正常，但是当我尝试访问以下页面时，它只是给了我一个无法获取/

const Routes: React.FC = () => {
    return(
        <Switch>
            <Route path='/' exact component={Home} />
            <Route path='/alunos' exact component={Alunos} />
            <Route path='/cadastro_aluno' exact component={AlunosForm} />
            <Route path='/tarefas_cadastro/:id' exact component={AlunosForm} />
            <Route path='/alunos/:id' exact component={AlunosDetail} />
            <Route path='/loc' exact component={AlunosLoc} />
        </Switch>
    );
}

export default Routes;

server.js

const express = require('express')
const app = express()
const PORT = process.env.PORT || 3102
 
app.use(express.static('build'))
app.listen(PORT, () => console.log('Servidor Front em execução!'))

f12

【问题讨论】：

嗯，我猜你正在使用打字稿。您也可以用打字稿标记您的问题。问题可能出在React.FC = () => { 部分。您还应该使用<Router></Router> 标记包装您的路由代码。该图应类似于：return-router-div-switch-route。

标签： javascript node.js reactjs typescript heroku

【解决方案1】：

<Navbar.Brand href="/">Home</Navbar.Brand>
    <Navbar.Toggle aria-controls="responsive-navbar-nav" />
    <Navbar.Collapse id="responsive-navbar-nav">
      <Nav className="me-auto">
        <Nav.Link as = {Link} to="/alunos">Alunos</Nav.Link>          
        <NavDropdown title="Mais" id="collasible-nav-dropdown">

我对标题进行了一些更改，添加了导入链接并为其制作了链接（as = {Link}），感谢大家的帮助

【讨论】：