react 配置路由 -- 动态生成

注意：

1.路由配置需要包含在Routes中才可以使用，例如：

<Routes>

        <Route path='/home' element={<Home />} />

        <Route path='/user-manage/list' element={<UserList />} />

        <Route path='/right-manage/role/list' element={<RoleList />} />

        <Route path='/right-manage/right/list' element={<RightList />} />

      </Routes>

2.配置路由重定向

v6之前：<Redirect from=" / "  to = "/路径名称 "   

v6：<Route path='/' element={<Navigate to='/home' />}/>    

3 . 动态创建路由

1.引入路由文件

2.创建一个函数获取穿甲的文件路径，配置路由路径

 

 3.通过接口调用后端接口进行路由路径筛选

 4.map遍历生成