import { createRouter } from "vue-router";
import { createWebHashHistory } from "vue-router";

import ZooLogin from '../pages/ZooLogin.vue'
import ZooPanel from "@/pages/ZooPanel.vue";
import ZooHome from '../pages/ZooHome.vue'

const router = createRouter({
    history: createWebHashHistory(),
    routes: [
        {
            // 重定向至面板主页
            path: '/',
            redirect: '/login'
        },
        {
            path: '/login',
            component: ZooLogin
        },
        {
            path: '/panel',
            redirect: '/panel/home'
        },
        {
            path: '/panel',
            component:ZooPanel,
            meta:{isAuth: true},//需要权限
            children:[
                {
                    path: 'home',
                    component: ZooHome,
                    meta:{isAuth: true},//需要权限
                },
            ]
        },

    ]
})

router.beforeEach((to, from, next) => {
    //判断页面是否需要登录权限才可进入
    if (to.meta.isAuth) {
        if (!sessionStorage.getItem('isLogin')) {
            router.replace({
                path: '/login',
            })
        } else {
            next()
        }
    } else {
        next()
    }
})

export default router