Skip to content

路由别名

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

全局Config

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

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

下面是设置别名的范例:

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

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

基于 MIT 许可发布