vue基本路由和動态路由-tft每日頭條

vue基本路由和動态路由

生活更新时间:2025-02-28 20:00:54

權限控制是後台管理系統比較常見的需求，如果我們需要對某些頁面的添加權限控制的話，那我們可以在路由管理中的權限做一些校驗，沒有通過權限校驗的給出相應的提示或者直接跳轉到報錯頁面。

跟着我一起來學vue實戰篇路由管理權限吧!

權限校驗函數

getCurrentAuthority()函數用于獲取當前用戶權限，一般來源于後台數據
check()函數用于權限的校驗匹配
isLogin()函數用于檢驗用戶是否登錄

vue基本路由和動态路由（使用路由管理用戶權限）1

路由配置元信息

路由配置元信息meta:{ authority: ["admin"] }

vue基本路由和動态路由（使用路由管理用戶權限）2

路由守衛router.beforeEach中判斷

使用to.matched獲取跳轉路由的全部信息,包括父路由和子路由
使用lodash中的findLast匹配離跳轉路由配置權限的元信息
引入auth.js中check()和isLogin()進行判斷是否具有權限或是否已登錄
如果沒有權限則給出提示信息後跳轉到403頁面,未登錄則返回登錄頁面

vue基本路由和動态路由（使用路由管理用戶權限）3

運行結果

當getCurrentAuthority()函數返回admin時，則菜單會顯示所有元信息meta:{ authority: ["admin"] }的路由菜單；
如返回值為user時，菜單會顯示所有元信息meta:{ authority: ["user"] }的路由菜單

vue基本路由和動态路由（使用路由管理用戶權限）4

vue基本路由和動态路由（使用路由管理用戶權限）5

以上就是我們權限控制中路由管理的全部内容，關注我獲取"實戰篇"獲取源碼！

接下來CrabFort會帶大家一起實現更加精細化的權限設計（權限組件、權限指令）

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!

查看全部

网友关注

生活如何發墨魚幹
1、是先把墨魚幹沖洗幹淨，然後放入足量的清水中，冷藏浸泡5小時左右。如果不想冷藏浸泡的話，也可以放在... 2023-07-04
生活請客吃飯說話技巧
1、根據我們的飲食習慣，與其說是“請吃飯”，還不如說成“請吃菜”。所以對菜單的安排馬虎不得。2、做東... 2023-07-04
生活 20年是什麼婚
1、結婚20年為瓷婚，寓意婚姻美滿幸福。瓷器是經過高溫燒制而成都，後期通過純熟的技巧在表面繪制各種精... 2023-07-04
生活不易撞的好的網名女生好聽有仙氣
1、君卿2、菩提樹下葉撕陽。3、空歎花語意4、挽江風5、笑夢風塵6、人比黃花瘦7、折月煮酒゜8、孤煙... 2023-07-04
生活佛手花的家庭養殖方法
1、溫度和光照：最佳生長溫度約在22-24℃，5℃以上可安全越冬；2、水分：濕度一般在70-90%，... 2023-07-04
生活準新人須知：東陽訂婚習俗
東陽市是浙江省的一個城市，屬于金華市，是長江三角洲的經濟區域。不同的地方有着不一樣的地方風俗，而東陽也有着自己的特殊習俗，其中訂婚習俗也是别有特色。本期跟小編去城市文化了解一下吧！東陽的鄉風民俗把婚喪... 2023-07-04
生活積分兌換火車票教程
1、安裝12306客戶端。2、查看自己積分數量。3、需要在自動售票機上面先開通才會有。4、在查詢火車... 2023-07-04
生活感受曆史文化氣息：慈禧太後行宮
相傳當年督辦衙門聽說慈禧太後要來避暑，便重金聘請高人設計太後行宮，但由于慈禧太後未成行而沒有開工。據說現在的慈禧太後行宮是根據當年的圖紙所建。傳說，慈禧太後的行宮的修建還與當時她的一個老情人有關。到底... 2023-07-04
生活很原汁原味的景區之一：江郎山
“世界這麼大，好想去看看。”最近幾年随着經濟的發展，更多的國人想要去旅遊，減輕自己的壓力，增長自己的見識，因為這樣導緻每逢節假日，景區總是人流密集，大大降低了旅遊質量，而在浙江衢州卻有一個原汁原味的江... 2023-07-04
生活到底什麼是靠譜
1、靠譜，說起來簡單，落下去複雜；聽起來像感覺，做起來是原則。2、靠譜不是法律，法律在官方，靠譜在民... 2023-07-04
生活逃生自救常識
1、火災襲來時要迅速逃生，不要貪戀财物。2、家庭成員平時就要了解掌握火災逃生的基本方法，熟悉幾條逃生... 2023-07-04
生活一個深埋在山中的古鎮：廿八都
近幾年國内的旅遊業非常的火爆，像是麗江和烏鎮這些靜谧的地方都是遊客的熙熙攘攘，而在浙江境内也有一個類似麗江的地方，叫做廿八都，被專家譽為“文化飛地”，如果想避開遊客而又能享受一樣收獲的話，那麼就更應該... 2023-07-04
生活 nova5
1、nova5pro沒有耳機孔。華為nova5pro取消了3.5mm耳機孔，采用的是耳機充電接口一體... 2023-07-04
生活為什麼vivoy55a應用不能分屏
1、vivoY55手機設置分屏多任務方法：進入手機設置-分屏多任務-（消息分屏）中，打開分屏多任務開... 2023-07-04
生活三星s10相機專業模式教程
用三星s10拍下完美的照片需要注意以下六點:1、加上光圈，光線好的時候打開夜景。2、打開構圖功能。3... 2023-07-04
生活門鎖的種類有哪些
1、電子鎖；具有防盜報警功能的電子密碼，無論在技術上還是在性能上都大大提高一步。2、挂鎖：分成銅挂鎖... 2023-07-04
生活武漢傳統手工技藝：漢繡
在古代女紅是每個女子都要學的一門技術活。随着時代的發展演變出了，各種不同的繡法。今天介紹的是漢繡。漢繡，漢族傳統刺繡工藝之一，以楚繡為基礎，融彙南北諸家繡法之長，揉合出了富有鮮明地方特色的新繡法。讓我... 2023-07-04
生活玫瑰幼苗修剪方法
1、春季是玫瑰花的生長期，修剪後也能很快恢複。為了保證養分能供給到新枝上，老枝要适當地短截。尤其是5... 2023-07-04
生活防曬衣變黃怎麼清洗
1、可以先用洗衣液，稀釋攪拌均勻，然後放入白色防曬服，再把防曬服清洗幹淨。2、如果第一個辦法沒有改善... 2023-07-04
生活枇杷種子能吃嗎
1、枇杷籽也就是枇杷核有小毒，不能随便生食。2、枇杷核生食，咀嚼時氰甙會被唾液水解，放出劇毒物質氫氰... 2023-07-04
生活怎麼養魚招财
1、密度：首先，在養殖招财魚的時候一定要注意密度問題。招财魚的體型還是比較大的，而且它的性格也比較兇... 2023-07-04
生活正高級工程師的文憑要求
1、大學本科畢業,從事專業工作十年以上,擔任中級職務五年以上。2、大學專科畢業,從事專業技術工作十五... 2023-07-04
生活菲律賓特産有哪些？水果制品超贊
對于每一個國家來說，都有屬于自己國家特色的特産，這也是外國遊客在當地旅遊中必買的物品，否則就會有種小遺憾。今天，要介紹的是關于菲律賓的特産，看看菲律賓特産都是哪些特色的物品，不得不說，水果幹真的很贊哦... 2023-07-04
生活解惑：貴州有哪些傳統文化？
經過考古的發掘和證明我們可以知道貴州地區擁有悠久的曆史，在這漫長的歲月裡，不斷的發展和繼承，進而形成了我們熟悉貴州文化。但是在這之上還有着不為人知的傳統文化，下面就一起走進貴州的傳統文化。作為西部一個... 2023-07-04
生活腦力達人135關怎麼過
第135關，看攻略就可以，下面的框是為了抓翻箱子，不過它右邊畫的不交少，你可以多畫一點，那樣上升快，... 2023-07-04
生活怎麼找四六級準考證号碼
1、文檔查找：登陸學校教務系統，看是否有四六級準考證号碼，同時打印四六級準考證的時候應該下載了電子文... 2023-07-04
生活陝西茶文化的曆史起源
談起茶，我們大多會想到江南的茶。其實在北方也是有着許多的産茶好地區，并且有着悠久的茶曆史，甚至很多人不知陝西是古老的産茶區。本期小編就帶你去陝西文化看看陝西茶文化的曆史起源。衆人不知，陝西的茶文化有很... 2023-07-04
生活怎麼查手機号
1、有些剛買來的sim卡中會粘有賣家所貼的手機号碼，這個時候你就可以根據查看sim卡知道自己的手機号... 2023-07-04
生活傳統的老酒怎麼做
1、制曲釀造黃酒之前，必須要提前半年做好酒曲，一般做酒曲選擇在天氣炎熱的伏天制作，利用麥仁、酵子、麻... 2023-07-04
生活稀少好聽的筆名
1、玄月：玄月本義指夏曆九月，佛教用來比喻玄妙的真理。玄可理解為深奧、奧妙、虛拟及玄學等意思，有種捉... 2023-07-04

tft每日頭條

> 生活

> vue基本路由和動态路由

vue基本路由和動态路由

相关生活资讯推荐

热门生活资讯推荐

网友关注