当前位置: 首页 > 工具软件 > :path > 使用案例 >

angular路由path:' ',与path:'**'的区别

慕志泽
2023-12-01

有一个路由配置如下:

const routes: Routes = [
  {
    path:'home',
    component:HomeComponent
  },
  {
    path:'news',
    component:NewsComponent
  },
  {
    path:'',
    redirectTo:'home',
    pathMatch: 'full'//pathMatch:prefix和full,prefix表示以path开头,如path:'a' 实际访问的路径为'a/b',就可以匹配到
                     //full:path完全匹配
  },
  {
    path:'**',//上面匹配不上的路径,都匹配到这
    redirectTo:'home'
  }
];

路由地址为:

1 "localhost:4200/home",匹配到Home组件

2 "localhost:4200/news",匹配到News组件

3 "localhost:4200/",匹配到Home组件

4 "localhost:4200/user",由于没有配置user对应的组件,则匹配到**,最后转发到"localhost:4200/home",显示为Home组件

 类似资料: