動態路由配置方法有哪些

『壹』 Vue實現動態路由

通常我們在vue項目中都是前端配置好路由的，但在一些項目中我們可能會遇到許可權控制，這樣我們就涉及到 動態路由 的設置了。

動態路由設置一般有兩種 ：

(1)、簡單的角色路由設置：比如只涉及到管理員和普通用戶的許可權。通常直接在前端進行簡單的角色許可權設置

(2)、復雜的路由許可權設置：比如OA系統、多種角色的許可權配置。通常需要後端返迴路由列表，前端渲染使用

到這里，整個動態路由就可以走通了，但是頁面跳轉、路由守衛處理是非同步的，會存在動態路由添加後跳轉的是空白頁面，這是因為路由在執行next()時，router裡面的數據還不存在，此時，你可以通過window.location.reload()來刷新路由
後端返回的路由格式：

注意： vue是單頁面應用程序，所以頁面一刷新數據部分數據也會跟著丟失，所以我們需要將store中的數據存儲到本地，才能保證路由不丟失。關於vue頁面刷新保存頁面狀態，可以查看 vue如何在頁面刷新時保留狀態信息

『貳』 怎麼配置動態路由

1、將ADSL貓出來的那根線連接到你的路由器的WAN口上，任一LAN埠連接你的計算機。
2、打開IE瀏覽器，在地址欄裡面輸入192.168.1.1後回車。屏幕提示輸入用戶名和密碼，填入路由器默認的用戶名和密碼一般是都是admin
3、進取以後會彈出設置向導，如果沒有彈出也沒有關系，在左面的導航蘭裡面點擊「設置向導」，右面出現向導歡迎的信息，點「下一步」
4、選擇「ADSL虛擬撥號(PPPoE)」，點擊下一步。
5、輸入用戶名和密碼，是你使用ADSL撥號時使用的用戶名和密碼
6、按「保存」後路由就會重啟，設置完成。
7、按連接，看看連接是否成功，成功後查看運行狀態就有：
網關等出現如圖