mes-ui-d2/docs/zh/sys-route

sidebar

sidebar
auto

路由

数据

完整版的 D2Admin 路由设置文件在 d2-admin/src/router/routes.js。

需要注意的是大多数路由设置要写在 frameIn 下。frameIn 中的页面会在嵌套在一个包含顶栏和侧边栏的页面布局中显示。

路由配置

路由注册和钩子设置文件为 d2-admin/src/router/index.js，此文件中将 routes.js 中导出的 routes 变量注册到路由，并且设置后续的路由拦截和登陆状态判断，多页面的新建页面事件触发也来自这里。该文件再导出注册了所有页面的路由实例，在 main.js 中注册到 vue 根实例。

路由缓存

路由缓存默认为开启状态，页面组件会被 keepAlive，如果想禁用某个页面的缓存，请在该路由配置的 meta 中加入：

meta: {
  notCache: true
}

最后结果类似这样：

{
	path: '/page-cache/off',
	name: 'page-cache-off',
	component: () => import('xxx.vue'),
	meta: {
    requiresAuth: true,
		notCache: true,
		title: '关闭缓存'
	}
}

虽然所有的路由默认都是开启缓存的，但是还需要遵守一个约定才可以正确缓存页面：

页面组件必须有 name 字段，并且 name 字段的值和该路由的 name 字段一致。

例如：

页面文件：

<template>
  <d2-container>
    Hello World
  </d2-container>
</template>

<script>
export default {
  name: 'page-cache-on'
}
</script>

路由设置：

{
	path: '/page-cache/on',
	name: 'page-cache-on',
	component: () => import('xxx.vue'),
	meta: {
    requiresAuth: true,
		title: '开启缓存'
	}
}