要件:人の異なる役割に係るフロントエンドルーティング、動的ルーティングの登録を維持するために、バックグラウンドで異なる機能モジュールを示す、ログオン。
プロセス:
まず、ログインが成功すると、アクセストークン
第二に、インタフェース要求ヘッダは、現在トークンログイン人を運ぶ、検索モジュール
axios( 'module.list')、次いで(RES => { IF(res.data.statusの=== 200){ this.moduleList = res.data.res; } })
次に、フォーマットは、主成分のデータ処理フォーマットであり、例えば、ある:インポート( `@ビュー/ユーザー/ $ {item.path}`)
this.newAddRouter = this.moduleList.map(項目=> { 戻り{ コード:item.code、 アイコン:item.iconUrl、 名前:item.routerPath、
パス:item.routerPath、
タイトル:item.name、
ID:アイテム。 ID、
成分:()=>インポート( `@ /ビュー/ TV / TV-9 / $ {item.path}`)、//正确的写法
//成分:()=>インポート( `$ {アイテム。パス} `)、//报错theme.js 500キロバイト"」それはの最大を超えて"。
PARENTID:item.parentId、
子供:[]
};
});
省略本明細書に再帰的プロセス
動的ルーティングを登録する。最後に、this.addroutes()
この$ router.addroutes(newAddRouter)。