vue-router登錄狀態(tài)檢測(cè)？

一共3個(gè)頁(yè)面，默認(rèn)指向login頁(yè)面，登陸后存儲(chǔ)client_id到cookie和global.CLIENT_ID

我想做的是登錄狀態(tài)檢測(cè)，頁(yè)面跳轉(zhuǎn)時(shí)檢查global.CLIENT_ID或者cookie，不存在就跳轉(zhuǎn)到login頁(yè)面去。

// 路由頁(yè)面
import main from './components/main/main.vue';
import star from './components/star/star.vue';
import login from './components/login/login.vue';


// 路由配置
const routes = [
    {
        name: 'main',
        path: '/main',
        component: main,
        // meta: {
        //     login_required: true
        // }
    },
    {
        name: 'star',
        path: '/star',
        component: star,
        // meta: {
        //     login_required: true
        // }
    },

    {
        name: 'login',
        path: '/login',
        component: login,
        // meta: {
        //     login_required: false
        // }
    },
    {
        path: '/',
        redirect: '/login'
    }
];

const router = new VueRouter({
    routes: routes
});

new Vue({
    el: '#app',
    components: {App},
    template: '<App/>',
    router: router
})

我百度了一下相關(guān)的問(wèn)題，有人說(shuō)可以用router鉤子，可我試了一下

router.beforeEach(function (to, from, next) {
    if(to.name === 'main' || to.name === 'star'){
        next('/login');
    }

    else{
        next();
    }

});

即使是這樣，也會(huì)存在兩個(gè)問(wèn)題：
1、如果直接在瀏覽器地址欄輸入http://localhost:8080/#/main，可以直接略過(guò)邏輯訪問(wèn)到main
2、當(dāng)前頁(yè)面是main，點(diǎn)擊一次star會(huì)跳轉(zhuǎn)到login，但再次點(diǎn)擊star，就會(huì)跳轉(zhuǎn)到star.

我也嘗試在main.js中watch global.CLIENT_ID，但報(bào)錯(cuò)說(shuō)遞歸太多。

請(qǐng)給我一個(gè)思路，或者相關(guān)代碼，謝謝。