権威の下に配置されたVUE-ルータのダイナミックルーティングtheme.js 500キロバイト「「それはの最大を超えて」。

要件:人の異なる役割に係るフロントエンドルーティング、動的ルーティングの登録を維持するために、バックグラウンドで異なる機能モジュールを示す、ログオン。

プロセス:

  まず、ログインが成功すると、アクセストークン

  第二に、インタフェース要求ヘッダは、現在トークンログイン人を運ぶ、検索モジュール

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)。

  

  

おすすめ

転載: www.cnblogs.com/web-zqk/p/11729550.html