鍍金池/ 問答/HTML/ vue單頁面方式對于動態(tài)路由的處理

vue單頁面方式對于動態(tài)路由的處理

有這樣一個后臺系統(tǒng)，系統(tǒng)和模塊分得很多，里面涉及很多操作權(quán)限，每個登陸者分配的權(quán)限不同，因此可操作的菜單和可見的頁面也有不同。

先前的方案是寫全前端頁面的路由表，然后根據(jù)后臺返回的登陸者可用的路由表進行篩選過濾，得到實際的可顯示配置，這樣是OK的。

但是我們這個平臺是可以配置菜單，配置權(quán)限，配置模塊的，這些菜單的名字，路徑什么的都可以配置，這樣導致業(yè)務上一旦修改，前端路由對不上就會報錯白屏，非常脆弱。

我的問題有2個：
1.如果先請求獲取路由表=>掛載路由=>掛載vue實例這種方法是否是OK的(嘗試失敗，一直報錯)？
2.除了服務端渲染，有什么其他的方式可以解決這類問題？

回答
編輯回答
忘了我

動態(tài)配置路由你應該配置錯了吧

2017年4月19日 22:42
編輯回答
孤巷

權(quán)限控制由后臺來做，根據(jù)是否有權(quán)限返回不同的狀態(tài)碼 403 401，然后前端只負責提示用戶權(quán)限不足，該放數(shù)據(jù)的地方放空數(shù)據(jù)，但把基本的頁面結(jié)構(gòu)渲染出來。

不知道這樣有沒有滿足你的需求

2017年5月31日 18:54
編輯回答
青瓷

系統(tǒng)最開始只有登錄頁路由，登錄獲取用戶信息和路由表，根據(jù)后端返回路由表生成前段路由通過addRoutes添加到總路由，這樣前端只需要根據(jù)后端返回加載用戶有權(quán)限查看的路由就行，具體按鈕級別的權(quán)限控制也可以通過后端返回來控制

2017年11月8日 12:56