目前自己在用vue搭建一套前后端的博客系統(tǒng),在后臺(tái)登錄中遇到了獲取用戶權(quán)限的問(wèn)題想請(qǐng)教一下。需求:當(dāng)用戶跳轉(zhuǎn)到管理員界面localhost/#/admin時(shí),需要判斷該用戶是否登錄過(guò),如果沒(méi)有登錄則跳轉(zhuǎn)到/login登錄路由。思路1:通過(guò)網(wǎng)上資料及vue官方文檔得到,可以通過(guò)路由鉤子函數(shù)來(lái)實(shí)現(xiàn)判斷,即在路由配置中輪詢是否有權(quán)限在vue-cli中的main.js文件中執(zhí)行但是在這邊要使用什么來(lái)進(jìn)行權(quán)限判斷?我在網(wǎng)上了解可以通過(guò)store的狀態(tài)值來(lái)進(jìn)行判斷,但是main.js文件中如何獲取vuex中的store.state值?我的思路卡在了這一點(diǎn)上,即在main.js文件中對(duì)路由進(jìn)行鉤子函數(shù)判斷的情況下,要獲取什么值來(lái)進(jìn)行判斷?思路2:同樣在main.js中進(jìn)行判斷。一開始先在/login路由下寫入cookie存儲(chǔ)與獲取的方法,但是在main.js中如何使用login組件中的cookie獲取方法?,好像在main.js中任何方法都無(wú)法使用。所以這里也想問(wèn)下,在vue-cli中,對(duì)于想全局引用的方法,要如何去實(shí)現(xiàn)?main.js文件的正確操作方式是怎樣的?思路3:在app.vue中監(jiān)聽(tīng)url路由跳轉(zhuǎn)。通過(guò)監(jiān)聽(tīng)獲取路徑,然后獲取store的狀態(tài)來(lái)進(jìn)行判斷。但是這里也有一個(gè)問(wèn)題,我在store中獲取的值是通過(guò)mapGetters獲取狀態(tài),但是目前所用到的只是將狀態(tài)用于頁(yè)面的顯示交互上,與v-show配合使用。但還是思路1的問(wèn)題,在編寫方法中,是怎樣獲取store中的值在方法進(jìn)行使用的?想請(qǐng)各位大牛伸出援手,指點(diǎn)一下我這位菜鳥另外在下想拜師學(xué)習(xí),希望有興趣收徒的大牛能收下我,我保證努力學(xué)習(xí),爭(zhēng)取早日提升技術(shù)。
如何在vue中實(shí)現(xiàn)路由跳轉(zhuǎn)判斷用戶權(quán)限功能?
有只小跳蛙
2018-11-06 13:09:41
