vue-router 页面权限验证，跳转404

第一步：注册页面所有的路由，此处代码省略，注意404路由一定要放在最下面

...    
{
        path: '/404',
        name: '404',
        component: notFound,
        hidden: true
    },
    {
        path: '*',
        redirect: '/404',
        hidden: true
    }

第二步：创建router 对路由进行管理

const router = new Router({
mode: 'hash', //相对于hash模式,url显示更友好
routes, //routes相当于routes:routes
strict: process.env.NODE_ENV !== 'production' //非生产模式下采用严格模式
});

第三步也是最关键的一步，权限验证也在这里做

router.beforeEach((to, from, next) => {
    if (!getStoreJson("CurUser") && to.path !== '/') {
        // 如果没有登录 先登录
        next({
            path: '/'
        });
    } else {
        if (to.path === '/' || to.path == '/404' || to.path == '/500') {
            // 不加会死循环
            next();
        } else {
            //判断访问的页面是否授权
            var isAuth = isAuthorized(to.path);
            if (!isAuth) {
                //如果没有授权,自动跳转到404页面
                next({
                    path: '/404'
                });
            } else {
                //如果授权,继续下一步
                next();
            }
        }
    }
});

这样就完成了