路由元信息

有时，你可能希望将任意信息附加到路由上，如过渡名称、谁可以访问路由等，这些事情可以通过接收属性对象的meta属性来实现

定义路由的时候你可以配置 meta 字段,这个meta就是路由元信息

import { createRouter, createWebHistory } from 'vue-router'

const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  routes: [
    {
      path: '/',
      name: 'home',
      meta: {
        requiresAuth: true,
      },
      component: () => import('../views/home/home.vue'),
    },
    {
      path: '/about',
      name: 'about',
      component: () => import('../views/about/about.vue'),
      meta: {
        requiresAuth: false,
      },
    },
  ],
})

router.beforeEach((to, from, next) => {
  let token = true
  if (to.meta.requiresAuth) {
    if (!token) {
      console.log('身份认证失败')
      next({
        path: '/login',
      })
    } else {
      next()
    }
  } else {
    console.log('权限不足')
    return
  }
})

export default router

至此，本章节的学习就到此结束了，如有疑惑，可对接技术客服进行相关咨询。