使用firebase在app中进行路由并不正确

Question

https://github.com/Wilkuuu/Biblio

在html i`中的Books组件中:

<a 
  routerLink="/books/{{book.id}}" 
  class="btn btn-secondary btn-sm">
  <i class="fa fa-file"></i>
</a>

在app-routing中:

{ path: 'book/:id', component: BookDetailComponent }

在URL中我看到来自firebase的id,但路径提供了我:

{ path: '**' , component: NotfoundComponent },

Answer 1

只需看一下您的路线配置：

{ path: 'book/:id', component: BookDetailComponent }

您应该使用的路线是book/而不是books/

routerLink="/books/{{book.id}}"

应该

routerLink="/book/{{book.id}}"

是的，正如 Andrei 提到的，包罗万象的路线（带有path: '**'）应该是路线配置中的最后一条路线。