在带有Firebase的应用中进行路由无法正常工作

Question

https://github.com/Wilkuuu/Biblio

在html i`ve中的Books组件中：

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

在应用路由中：

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

在URL中，我看到了Firebase的ID，但该路径将我引导至：

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

Answer 1

只需看看您的路由配置：

@function vw_pc( $num ) {
  @media screen and (max-width: 1920)
  {
    @return a;
  }
  @media screen and (max-width: 1200)
  {
    @return b;
  }
}

您应该使用的路由是{ path: 'book/:id', component: BookDetailComponent } ，而不是book/

books/

应该是

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

是的，正如安德烈（Andrei）所说，全部路由（带有routerLink="/book/{{book.id}}" 的路由）应该是路由配置中的最后一条路由。

Answer 2

Ofc问题已解决。 {path：'**'，component：NotfoundComponent}，必须是最后一个。嗨！