俩种路由模式
各个主流框架的路由常用的路由模式有俩种,history模式和hash模式,ReactRouter分别由createBrowerRouter和createHashRouter函数负责创建
附带代码:
import Login from "../page/Login";
import Article from "../page/Article";
import Layout from "../page/Layout";
import Board from "../page/Board";
import About from "../page/About";
import NotFound from "../page/NotFount";
import { createBrowserRouter, createHashRouter } from "react-router-dom";const router = createBrowserRouter([{path: "/",element: <Layout></Layout>,children: [// 设置为默认二级路由 一级路由访问的时候,它也能得到渲染{index: true,element: <Board></Board>,},{path: "about",element: <About></About>,},],},{path: "/login",element: <Login></Login>,},{// searchParams 传参// path: "/article",// params 传参path: "/article/:id/:name",element: <Article></Article>,},{path: "*",element: <NotFound></NotFound>,},
]);export default router;