You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
30 lines
720 B
30 lines
720 B
// 引入两个组件
|
|
import Layout from "./Layout";
|
|
import Board from "./Board";
|
|
import Article from "./Article";
|
|
import NotFound from "./NotFound";
|
|
|
|
import { BrowserRouter, Routes, Route} from "react-router-dom"
|
|
|
|
// 进行路由配置
|
|
function App() {
|
|
return (
|
|
|
|
<BrowserRouter>
|
|
|
|
<Routes>
|
|
|
|
<Route path="/" element={<Layout/>}>
|
|
{/* 定义二级路由嵌套 */}
|
|
<Route path="board" element={<Board/>}></Route>
|
|
<Route path="Article" element={<Article/>}></Route>
|
|
</Route>
|
|
|
|
{/* 当所有的路径都没有匹配时，做兜底匹配，显示未找到 */}
|
|
<Route path="*" element={<NotFound/>}></Route>
|
|
</Routes>
|
|
</BrowserRouter>
|
|
);
|
|
}
|
|
|
|
export default App;
|