vue做登录路由控制

Vue在main.js中做登录路由控制在这里插入代码片

main.js
代码一定要写在vue实例之前

router.beforeEach((to, from, next) => {   //控制登录状态
    var local = JSON.parse(localStorage.getItem('beingisLogin'));
    if (to.path == '/login' || to.path == '/sendCode' || to.path == '/inviteCode' || to.path == '/' || to.path == '/startup' || to.path == '/index' || to.path == '/about_us' || to.path == '/privacy' || to.path == '/purchase_agreement' || to.path == '/user_agreement' || to.path == '/service_fee' || to.path == '/statement' || to.path == '/understand_more') {
        next()
    } else {
        if (local) {
            next();
        } else {
            Vue.prototype.$message({
                message: '请先登录',
                type: 'warning'
            });
            next({
                path: '/login'
            });
            return false;
        }
    }
});