首頁(yè) 猿問前端菜單權(quán)限控制該怎么寫好一些。

前端菜單權(quán)限控制該怎么寫好一些。

JavaScript

四季花海 2019-02-26 17:13:13

前端菜單權(quán)限控制，服務(wù)端發(fā)送有權(quán)限的菜單給我，前端怎么處理好一點(diǎn)？目前采用刷新一次頁(yè)面就重新查找一下權(quán)限，無權(quán)限的菜單隱藏?？偢杏X不是很好。請(qǐng)教有沒有較好的方案

查看完整描述

1 回答

神不在的星期二

TA貢獻(xiàn)1963條經(jīng)驗(yàn) 獲得超6個(gè)贊

只在登錄之后，請(qǐng)求后端給符合權(quán)限的菜單列表，該請(qǐng)求只在登錄后執(zhí)行一次。
然后存在本地的localStorage里，頁(yè)面展示的菜單數(shù)據(jù)，都從這里取。
至于只執(zhí)行一次的判斷，簡(jiǎn)單些的可以是這樣：登陸后保存登錄態(tài)進(jìn)localStorage，判斷有登錄態(tài)并且有菜單時(shí)，則不發(fā)送獲取菜單的請(qǐng)求。
登出時(shí)，把登錄態(tài)和菜單都從localStorage中清除。
還有種特殊情況。當(dāng)用戶已經(jīng)登錄后，向管理員提出申請(qǐng)，要求再加一個(gè)菜單。
簡(jiǎn)單的做法：由管理員修改權(quán)限后，告知用戶退出賬戶，重新登錄。
更好的做法：后端接口在得知菜單權(quán)限被修改之后，告知前端需要讓用戶登出。這是一個(gè)全局判斷，也就是每個(gè)接口都會(huì)走這個(gè)判斷?？梢远x一個(gè)code碼，前端也做一個(gè)全局處理code碼的處理，接受到這個(gè)code碼，則執(zhí)行登出操作。