ant-design 怎么根據(jù)用戶登陸角色 動態(tài)改變路由

一般的做法是登錄后，根據(jù)服務(wù)端返回的數(shù)據(jù)判斷路由跳轉(zhuǎn)。
如果使用dva框架的話，可以直接放到model中。根據(jù)數(shù)據(jù)執(zhí)行routeRedux.push(...)跳轉(zhuǎn)路由。

這僅僅是前端的做法，依然不夠安全。
最好的做法是，后端直接把菜單和路由給返回回來，前端默認(rèn)認(rèn)為后臺給的數(shù)據(jù)都是有權(quán)限的。這樣前端不再做權(quán)限判斷。即簡單又安全。

import {BrowserRouter} from 'react-router-dom';
const pathTo = ()=>{
    function myComponent (path,com){
        <Route path = {pathTo} component = {com}>
    }
    switch (isGridLevel){
        case:'yes':
            return myComponent ('/undispatchenbikes',com1);
        case 'no':
            return myComponent ('/dispatchenbikes',com2);
        default:
            return myComponent ('/repiringBikes',com3);    
    }
}
<BrowserRouter>
    pathTo()
</BrowserRouter>

具體情況根據(jù)你的業(yè)務(wù)場景來