【发布时间】:2022-01-24 09:57:44
【问题描述】:
我是 react 新手,刚刚学习了 react-router-v6。
我为 react-router-v6 编写了嵌套代码,它实际上 在 Localhost 上完美运行,但是一旦我在 Cpanel 上上传构建(.htaccess 文件已经存在),带有 嵌套的“路线”将我们带到一个空白页面。
[浏览here并点击导航栏中的“Safe Defi”]。
这是我的 App.Js:
function App() {
return (
<div className="App">
<Router>
<Navbar />
<Bottomnav />
<Routes>
<Route path="/" element={<Home />} />
<Route path="faqs" element={<Faqs />} />
<Route path="safedefi" element={<Pagesafedefi />} >
<Route path="projectowner" element={<Ownercards />} />
<Route path="influencers" element={<Influencers />} />
<Route path="developers" element={<Devcards />} />
<Route path="promoters" element={<Promoters />} />
</Route>
<Route path="/safedefi/projectowner/ownerprofile" element={<Ownerprofile />} />
</Routes>
<Footer />
</Router>
</div>
);
}
export default App;
带有路径 safedefi 的 Route 将我们带到空白屏幕,而它在 Localhost 上完美运行。
【问题讨论】:
-
我在尝试导航到
"/safedefi"时看到找不到 404 页面。
标签: reactjs react-router cpanel react-router-dom nested-routes