admin管理员组文章数量:1633932
Ant design Pro 路由全攻略
蚂蚁金服出品的pro后台管理可以说非常优秀了,下文分享我的路由设置攻略
{
name: 'login',
path: '/login',
component: '../layouts/UserLayout',
routes: [
{
path: '/login',
component: './login/login',
},
],
},
{
path: '/',
component: '../layouts/BasicLayout',
Routes: ['src/pages/Authorized'],
authority: ['admin'],
routes: [
{
path: '/goodsmgm/',
name: '商品管理',
icon: 'shop',
routes: [
{
path: '/goodsmgm/Add',
name: '新增商品',
component: './goodsmgm/add',
}
]
},
{
path: '/',
redirect: '/goodsmgm/Add',
Routes: ['src/pages/Authorized'],
authority: ['admin'],
}
],
}
- 路由路径设置:采用json数组的格式,主要由path(路径)、name(显示名称)、icon(图标)和component(组件路径)组成。
- 顶级路径,如 path:"/"要写在最后,否则前面设置的 “/login” 将无法访问!!
- 默认页设置在顶级路径为 "/"的最后,使用redirect跳转到你想要的路径!!
- 权限问题:每个页面都要设置权限authority,不设置则任何人都可以访问,当系统判断当前登录者权限不匹配时会跳转到登录或者403,这里不赘述了,后面的文章给大家分享我的权限设置方法!!
最后,这些是我使用react时的经验分享给大家,用以备忘和分享,如有不合理或者可以优化的地方,还请大佬评论区指出O(∩_∩)O哈哈~ QQ:1547164339,不懂的可以加我
版权声明:本文标题:Ant design Pro 路由全攻略 内容由热心网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:https://www.elefans.com/xitong/1729177362a1188887.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论