vite-react/src/AppRouter.tsx

import { BrowserRouter as Router, Switch, Redirect, Route, Link } from "react-router-dom"
import React, { Fragment } from "react"

import { pageList } from "@/plugins/pageHoc"

import Layout from "@/views/Layout"

import Auth from "@/ui/Auth"
import routes from "./route"

function RouteMap(props: any) {
  const routes: any[] = props.routes
  return (
    <Switch>
      {routes.map((route, index) => {
        console.log(route.path, route.exact)

        const { exact = false } = route
        if (route.redirect) {
          return (
            <Route key={index} path={route.path} exact={exact}>
              <Redirect to={route.redirect}></Redirect>
            </Route>
          )
        }
        if (route.component) {
          return (
            <Auth key={index} needAuth={!!route.meta?.auth} path={route.path} exact={exact}>
              <route.component>{route.children && <RouteMap routes={route.children}></RouteMap>}</route.component>
            </Auth>
          )
        }
      })}
    </Switch>
  )
}

export default function () {
  console.log(pageList)

  return (
    <Router>
      {/* <Switch> */}
      <Layout
        render={() => {
          return (
            <RouteMap routes={routes}></RouteMap>
          )
        }}
      ></Layout>
      {/* </Switch> */}
    </Router>
  )
}