Skip to content

路由别名

可以为路由指定别名。比如,模块a-home提供了一个页面组件,其路径为/a/home/home。我们可以为/a/home/home指定别名为/,那么当用户访问/时,URL 仍然是/,但是会直接使用/a/home/home所指向的页面组件

全局Config

我们不能在模块的路由记录中指定路由别名,而是必须在全局 Config 中指定。为什么呢?

因为,Zova 采用的是模块化体系,每一个模块都是异步加载的。如果用户没有访问/a/home/home,模块a-home就不会加载,模块提供的路由记录也不会生效,那么当用户访问/时,系统也就不知道这是一个别名

下面是设置别名的范例:

zova-dev/src/front/config/config/config.ts

typescript
// routes
config.routes = {
  path: {
    '/a/home/home': { alias: '/' },
    '/demo/todo/todo': { alias: '/todo' },
  },
  name: {
    'demo-todo:item': { alias: '/todo/:id' },
  },
};
名称说明
routes.path路由Query设置别名
routes.name路由Params设置别名

基于 MIT 许可发布