路由别名
可以为路由指定别名。比如,模块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 设置别名 |