鍍金池/ 問(wèn)答/HTML/ vue-router中使用router.beforeEach來(lái)判斷用戶的是否登錄

vue-router中使用router.beforeEach來(lái)判斷用戶的是否登錄再?zèng)Q定跳轉(zhuǎn)到登錄頁(yè)面

vue項(xiàng)目中想通過(guò)beforeEach來(lái)判斷用戶是否登錄，如果登錄則繼續(xù)加載組件，如果沒(méi)有登錄則是跳轉(zhuǎn)到登錄頁(yè)面，我把判斷放在了main.js里面（項(xiàng)目是vue-cli生成的），代碼截圖如下：
可是我發(fā)現(xiàn)下面的判斷根本沒(méi)有進(jìn)去是怎么回事呢，路由下面也設(shè)置了meta屬性了，meta: { requiresAuth: true }；希望大家能幫我看看！

clipboard.png

./router內(nèi)的內(nèi)容如下，定義了很多的路由：

clipboard.png

回答
編輯回答
離人歸

你的./router文件里定義了些什么？

只從當(dāng)前截圖來(lái)看，并沒(méi)有看到你import了vue-router，也沒(méi)看到Vue.use(VueRouter);的組件注冊(cè)。

beforeEach方法的調(diào)用者，應(yīng)該是vue-router的一個(gè)實(shí)例，也就是new VueRouter()

2017年6月26日 10:24
編輯回答
厭遇

看一下你的utils.authLogin是否判斷出了錯(cuò)誤。如果驗(yàn)證登陸了則執(zhí)行next(), else{'跳轉(zhuǎn)到login'}.是不是判斷條件弄返了

2017年5月21日 19:33