路由设置

import "vue-router"

declare module "vue-router" {
  interface RouteMeta {
    // 访问权限
    auth?: boolean // 登录用户可访问
    guest?: boolean // 游客可访问

    permissions: string[] // 可访问权限

    type: "layout" | "menuItem" // 菜单类型
    // 和菜单相关
    menu?: {
      showParentMenu: boolean // 是否显示一级菜单， default => true
      title: string // 页面标题
      icon: string // icon
      show?: boolean // 是否在菜单中显示 为false或不设置不在菜单中显示 default => true
      key?: string // 菜单唯一标识
      order?: number // 菜单排序

      keepAlive?: boolean // 是否可以缓存
      showTag?: boolean // 是否在历史菜单中显示 default => true
    }
  }
}

import Blank from "@/layouts/blank.vue"
import { RouteRecordRaw } from "vue-router"

export default {
  path: "",
  component: () => import("@/layouts/default/index.vue"),
  name: "links",
  meta: {
    menu: { title: "外链", order: 99, showParentMenu: false, icon: "ion:link" },
    type: "layout",
  },
  children: [
    {
      name: "whbit",
      path: "https://whbbit.cn",
      component: Blank,
      meta: { menu: { title: "whbbit主页" } },
    },
    {
      name: "vue",
      path: "https://cn.vuejs.org/",
      component: Blank,
      meta: { menu: { title: "vue官网", icon: "logos:vue" } },
    },
  ],
} as RouteRecordRaw