react 路由 404页面配置

最新推荐文章于 2024-08-02 10:43:58 发布

徐同保

最新推荐文章于 2024-08-02 10:43:58 发布

阅读量939

点赞数

分类专栏： web前端文章标签： javascript

本文链接：https://blog.csdn.net/xutongbao/article/details/119053502

版权

web前端专栏收录该内容

735 篇文章 16 订阅

订阅专栏

        <Switch>
          <Redirect from="/" to="/light/login" exact></Redirect>
          <Route path="/light/login" component={Login}></Route>
          <Route path="/light/index" component={Index}></Route>
          <Route path="/404" component={NotFound}></Route>
          <Redirect from="*" to="/404" exact></Redirect>
        </Switch>

二级路由需要同样的配置：

    listDom.push(<Redirect key="404" from="*" to="/404" exact></Redirect>)    

    <div className="m-list">
      <Header></Header>
      <div className="m-list-info">
        <Nav></Nav>
        <Suspense fallback={<Loading isLazyLoading={true}></Loading>}>
          <Switch>
            {listDom}
          </Switch>
        </Suspense>
      </div>
    </div>