vue路由動態加載

注意:是動態加載不是動態路由

解決的問題: 動態配置菜單欄的路由參數--實現菜單級的權限控制

問題成因:

　　在vue實例化的時候vuex、vue-router 就需要加載完畢,無法使用異步的方式從服務器獲取帶權限的菜單路由.

方式一:

　　該方式產生於2017年3月之前;

　　解決思路:

1. 在進入login頁面時就請求出來所有的路由配置存到vuex 中
2. 登錄成功后請求帶權限的菜單,( 實質所有的菜單路由都生效了, 用戶還可以直接通過直接輸入路徑訪問到)
3. 在每次路由切換的時候都進行攔截校驗是否有權限訪問該菜單.

　　不足:

• 至少多次請求了一次菜單
• 每次路由切換都需要攔截重復請求權限接口　　　　

方式二:

　　配合全新的API   addRoutes實現路由的動態加載爽歪歪.代碼等會奉上 ---  公司代碼不讓粘   最近也比較忙  所以非常抱歉了