路由配置说明

文件位置 src/router/route.ts

path: '/path', // 路由路径
name: 'name', // 路由名字
component: () => import('/@/views/name/index.vue'),
meta: {
    title: 'title', // 设置该路由在侧边栏的名字
    isLink: '', // 外链地址
    isHide: false, // 是否隐藏
    isKeepAlive: true, // 是否缓存
    isAffix: true, // 是否固定
    isIframe: false, // 是否内嵌iframe
    roles: ['admin'], // 路由权限
    icon: 'icon', // 路由图标
}

静态路由

/**
 * 定义静态路由（默认路由）
 * 此路由不要动，前端添加路由的话，请在 `dynamicRoutes 数组` 中添加
 * @description 前端控制直接改 dynamicRoutes 中的路由，后端控制不需要修改，请求接口路由数据时，会覆盖 dynamicRoutes 第一个顶级 children 的内容（全屏，不包含 layout 中的路由出口）
 * @returns 返回路由菜单数据
 */
export const staticRoutes: Array<RouteRecordRaw> = [
	{
		path: '/login',
		name: 'login',
		component: () => import('/@/views/login/index.vue'),
		meta: {
			title: '登录',
		},
	},
	/**
	 * 提示：写在这里的为全屏界面，不建议写在这里
	 * 请写在 `dynamicRoutes` 路由数组中
	 */
];

动态路由

动态路由的渲染完全由服务端返回的数据进行控制

可通过后台 【权限】->【菜单】->【添加菜单】进行添加，菜单分为 菜单、目录和按钮 三个种类