DR-CMS/src/router/index.js

import { createRouter, createWebHistory } from "vue-router"
import {useAdminStore} from "@/stores/admin/admin.js";
const routes= [
    {
        path: "/",  //http://localhost:5173/
        redirect: "/admin" //重定向
    },
    {
        path: "/login", // http://localhost:5173/login
        component: () => import("@/views/admin/login.vue")
    },
    {
        path: "/admin", // http://localhost:5173/admin
        component: () => import("@/views/admin/home.vue"),
        meta: { requiresAuth: true }, //身份验证
        children: [
            //管理员
            {
                path: "administrator/add", // http://localhost:5173/admin/administrator/add
                component: () => import("@/views/admin/administrator/add.vue")
            },
            {
                path: "administrator/list", // http://localhost:5173/admin/administrator/list
                component: () => import("@/views/admin/administrator/list.vue")
            },

            //类别管理
            {
                path: "category/list", // http://localhost:5173/admin/category/list
                component: () => import("@/views/admin/category/list.vue")
            },

        ]
    }
]

const router = createRouter({
    history: createWebHistory(),
    routes
})

router.beforeEach((to, from, next) => {
    // console.log(to.meta.requiresAuth)
    if ( to.meta.requiresAuth ){
        console.log("需要身份验证")

        //初始化
        const adminStore = useAdminStore()
        if ( adminStore.data.token === "" ){
            console.log("未登录")
            router.push("/login")
        }
    }else{
        console.log("不需要身份验证")
    }
    next()
})



export default router