Vue面試考點(diǎn)之權(quán)限管理

1、權(quán)限管理是什么

權(quán)限是對(duì)特定資源的訪問(wèn)許可麻裁,所謂權(quán)限控制,也就是確保用戶只能訪問(wèn)到被分配的資源源祈。而前端權(quán)限歸根結(jié)底是請(qǐng)求的發(fā)起權(quán)煎源,請(qǐng)求的發(fā)起可能有下面兩種形式觸發(fā):a、頁(yè)面加載觸發(fā)香缺; b手销、頁(yè)面上的按鈕點(diǎn)擊觸發(fā)。

對(duì)觸發(fā)權(quán)限的源頭進(jìn)行控制:

1)路由方面图张,用戶登錄后只能看到自己有權(quán)訪問(wèn)的導(dǎo)航菜單锋拖,也只能訪問(wèn)自己有權(quán)訪問(wèn)的路由地址诈悍,否則將跳轉(zhuǎn)4xx?提示頁(yè)

2)視圖方面兽埃,用戶只能看到自己有權(quán)瀏覽的內(nèi)容和有權(quán)操作的控件侥钳。

2、如何進(jìn)行權(quán)限控制

前端權(quán)限控制可以分為四個(gè)方面:

1)接口權(quán)限

接口權(quán)限目前一般采用jwt的形式來(lái)驗(yàn)證讲仰,沒(méi)有通過(guò)的話一般返回401慕趴,跳轉(zhuǎn)到登錄頁(yè)面重新進(jìn)行登錄。登錄完拿到token鄙陡,將token存起來(lái)冕房,通過(guò)axios請(qǐng)求攔截器進(jìn)行攔截,每次請(qǐng)求的時(shí)候頭部攜帶token趁矾。

2)路由權(quán)限

方案一

初始化即掛載全部路由耙册,并且在路由上標(biāo)記相應(yīng)的權(quán)限信息,每次路由跳轉(zhuǎn)前做校驗(yàn)毫捣。

缺點(diǎn):a详拙、加載所有的路由,如果路由很多蔓同,而用戶并不是所有的路由都有權(quán)限訪問(wèn)饶辙,對(duì)性能會(huì)有影響;

b斑粱、全局路由守衛(wèi)里弃揽,每次路由跳轉(zhuǎn)都要做權(quán)限判斷。

c则北、菜單信息寫(xiě)死在前端矿微,要改個(gè)顯示文字或權(quán)限信息,需要重新編譯尚揣;

d涌矢、菜單跟路由耦合在一起,定義路由的時(shí)候還有添加菜單顯示標(biāo)題快骗,圖標(biāo)之類(lèi)的信息娜庇,而且路由不一定作為菜單顯示,還要多加字段進(jìn)行標(biāo)識(shí)

方案二:

初始化的時(shí)候先掛載不需要權(quán)限控制的路由方篮,比如登錄頁(yè)思灌,404等錯(cuò)誤頁(yè)。如果用戶通過(guò)URL進(jìn)行強(qiáng)制訪問(wèn)恭取,則會(huì)直接進(jìn)入404泰偿,相當(dāng)于從源頭上做了控制。

登錄后蜈垮,獲取用戶的權(quán)限信息耗跛,然后篩選有權(quán)限訪問(wèn)的路由裕照,在全局路由守衛(wèi)里進(jìn)行調(diào)用addRoutes添加路由。

按需掛載调塌,路由就需要知道用戶的路由權(quán)限晋南,也就是在用戶登錄進(jìn)來(lái)的時(shí)候就要知道當(dāng)前用戶擁有哪些路由權(quán)限

3)菜單權(quán)限

每次路由跳轉(zhuǎn)的時(shí)候都要判斷權(quán)限羔砾,這里的判斷也很簡(jiǎn)單负间,因?yàn)椴藛蔚膎ame與路由的name是一一對(duì)應(yīng)的,而后端返回的菜單就已經(jīng)是經(jīng)過(guò)權(quán)限過(guò)濾的姜凄,如果根據(jù)路由name找不到對(duì)應(yīng)的菜單政溃,就表示用戶有沒(méi)權(quán)限訪問(wèn);如果路由很多态秧,可以在應(yīng)用初始化的時(shí)候董虱,只掛載不需要權(quán)限控制的路由。取得后端返回的菜單后申鱼,根據(jù)菜單與路由的對(duì)應(yīng)關(guān)系愤诱,篩選出可訪問(wèn)的路由,通過(guò)addRoutes動(dòng)態(tài)掛載捐友。

4)按鈕權(quán)限

通過(guò)自定義指令進(jìn)行按鈕權(quán)限的判斷

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末淫半,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子匣砖,更是在濱河造成了極大的恐慌科吭,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,376評(píng)論 6 491
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件脆粥,死亡現(xiàn)場(chǎng)離奇詭異砌溺,居然都是意外死亡影涉,警方通過(guò)查閱死者的電腦和手機(jī)变隔,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,126評(píng)論 2 385
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)蟹倾,“玉大人匣缘,你說(shuō)我怎么就攤上這事∠侍模” “怎么了肌厨?”我有些...
    開(kāi)封第一講書(shū)人閱讀 156,966評(píng)論 0 347
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)豁陆。 經(jīng)常有香客問(wèn)我柑爸,道長(zhǎng),這世上最難降的妖魔是什么盒音? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 56,432評(píng)論 1 283
  • 正文 為了忘掉前任表鳍,我火速辦了婚禮馅而,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘譬圣。我一直安慰自己瓮恭,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,519評(píng)論 6 385
  • 文/花漫 我一把揭開(kāi)白布厘熟。 她就那樣靜靜地躺著屯蹦,像睡著了一般。 火紅的嫁衣襯著肌膚如雪绳姨。 梳的紋絲不亂的頭發(fā)上登澜,一...
    開(kāi)封第一講書(shū)人閱讀 49,792評(píng)論 1 290
  • 那天,我揣著相機(jī)與錄音就缆,去河邊找鬼帖渠。 笑死,一個(gè)胖子當(dāng)著我的面吹牛竭宰,可吹牛的內(nèi)容都是我干的空郊。 我是一名探鬼主播,決...
    沈念sama閱讀 38,933評(píng)論 3 406
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼切揭,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼狞甚!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起廓旬,我...
    開(kāi)封第一講書(shū)人閱讀 37,701評(píng)論 0 266
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤哼审,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后孕豹,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體涩盾,經(jīng)...
    沈念sama閱讀 44,143評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,488評(píng)論 2 327
  • 正文 我和宋清朗相戀三年励背,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了春霍。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,626評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡叶眉,死狀恐怖址儒,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情衅疙,我是刑警寧澤莲趣,帶...
    沈念sama閱讀 34,292評(píng)論 4 329
  • 正文 年R本政府宣布,位于F島的核電站饱溢,受9級(jí)特大地震影響喧伞,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,896評(píng)論 3 313
  • 文/蒙蒙 一潘鲫、第九天 我趴在偏房一處隱蔽的房頂上張望绿聘。 院中可真熱鬧,春花似錦次舌、人聲如沸熄攘。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,742評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)挪圾。三九已至,卻和暖如春逐沙,著一層夾襖步出監(jiān)牢的瞬間哲思,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,977評(píng)論 1 265
  • 我被黑心中介騙來(lái)泰國(guó)打工吩案, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留棚赔,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,324評(píng)論 2 360
  • 正文 我出身青樓徘郭,卻偏偏與公主長(zhǎng)得像靠益,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子残揉,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,494評(píng)論 2 348

推薦閱讀更多精彩內(nèi)容