浏览器路由器（反应应用程序）在Github不工作

Question

我有一个小小的React应用程序项目，我已经在Github中部署了它。它的工作原理，甚至我使用导入{浏览器路由器，链接，交换机，路由}从"react-router-dom"；路由和作品...这是我的代码：类应用程序扩展反应。组件{

render（）{

 return <div>
   <BrowserRouter basename={process.env.PUBLIC_URL}>
       <Switch>
          <Route exact path ="/" component={Show} />
          <Route exact path="/contact" component={Contact}/>
       </Switch>
   </BrowserRouter>

  </div>

}

}导出默认应用程序；'

我在本地机器上使用过这个，没有“basename”，并且工作过。现在，在github服务器中，我的问题是，当您访问我的应用程序主url时，它当前正在显示我的第一个组件，但不适用于另一个组件“/contact”。我不确定我是否必须使用

对不起，这是一个愚蠢的问题，但实际上我只是给出了反应的第一步。

谢谢

Answer 1

你可以输入这个代码

import {BrowserRouter as Router,Switch,Route} from 'react-router-dom'
return <div>
   <Router basename={process.env.PUBLIC_URL}>
       <Switch>
          <Route exact path ="/" component={Show} />
          <Route exact path="/contact" component={Contact}/>
       </Switch>
   </Router>

  </div>