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();
            }
        }
    }
});

這樣就完成了