404路由

場景：當瀏覽器輸入url的路徑在整個路由配置中都找不到對應的path，為了用戶體驗，可以使用404兜底組件進行渲染

實現步驟

1. 準備一個404組件
2. 在路由表數組的末尾，以*號作為路由path配置路由?

新建404組件?

const NotFound =()=>{return (<div>未找到頁面</div>)
}
export default NotFound

在路由表數組的末尾，以*號作為路由path配置路由

import Login from "../page/Login/index";
import NotFound from '../page/404/index';import { createBrowserRouter } from "react-router-dom";
const router = createBrowserRouter([{path: "/login",element: <Login></Login>,},{path:'*',element:<NotFound></NotFound>}
]);
export default router;

ReactRouter兩種路由模式