[英]React Router dom is not working when I hosted my React App with github pages?
import './App.css';导入'./App.css';
import NavBar from './component/NavBar.component';从 './component/NavBar.component' 导入 NavBar;
import Main from './component/main.component';从 './component/main.component' 导入 Main;
import Footer from './component/foooter.component';从 './component/footer.component' 导入页脚;
import { Routes, Route, Link } from "react-router-dom"; import { Routes, Route, Link } from "react-router-dom";
import About from './component/NavbarComponent/about.component';从'./component/NavbarComponent/about.component'导入关于;
import Hire from './component/NavbarComponent/hire.component';从 './component/NavbarComponent/hire.component' 导入 Hire;
import Support from './component/NavbarComponent/suport.component';从'./component/NavbarComponent/suport.component'导入支持;
function App() { return ( function App() { 返回 (
<Routes>
<Route exact path="/" element={<Main />}/>
<Route exact path="/about" element={<About />} />
<Route exact path="/hire" element={<Hire/>} />
<Route exact path="/support" element={<Support />} />
<Route path="*" element={<h1>Page not Found</h1>} />
</Routes>
<Footer/>
</div>
); ); } }
export default App;导出默认应用程序;
/* Website link /* 网站链接
https://iamniteshpandit.github.io/Chalo-deploy-karte-hain/ https://iamniteshpandit.github.io/Chalo-deploy-karte-hain/
repository link:-存储库链接:-
https://github.com/IAMNITESHPANDIT/Chalo-deploy-karte-hain https://github.com/IAMNITESHPANDIT/Chalo-deploy-karte-hain
any suggestions you can also do pull request if that would be improve my code then I will definitely accept that:)你也可以做拉取请求的任何建议,如果那会改进我的代码,那么我肯定会接受:)
*/ */
import './App.css';导入'./App.css';
import NavBar from './component/NavBar.component';从 './component/NavBar.component' 导入 NavBar;
import Main from './component/main.component';从 './component/main.component' 导入 Main;
import Footer from './component/foooter.component';从 './component/footer.component' 导入页脚;
import { Routes, Route} from "react-router-dom";从“react-router-dom”导入{路由,路由};
import About from './component/NavbarComponent/about.component';从'./component/NavbarComponent/about.component'导入关于;
import Hire from './component/NavbarComponent/hire.component';从 './component/NavbarComponent/hire.component' 导入 Hire;
import Support from './component/NavbarComponent/suport.component';从'./component/NavbarComponent/suport.component'导入支持;
function App() { return ( function App() { 返回 (
<Routes>
/**here path changed path='/' into path="/Chalo-deploy-karte-hain" in-order to application would able to work with github pages */
<Route exact path="/Chalo-deploy-karte-hain" element={}/> <Route exact path="/Chalo-deploy-karte-hain" element={}/>
<Route exact path="/about" element={<About />} />
<Route exact path="/hire" element={<Hire/>} />
<Route exact path="/support" element={<Support />} />
<Route path="*" element={<h1>Page not Found</h1>} />
</Routes>
<Footer/>
</div>
); ); } }
export default App;导出默认应用程序;
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.