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