angular - 使用 firebase 在应用程序中路由无法正常工作

Question

https://github.com/Wilkuuu/Biblio

在 html 的 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

看看你的路由配置:

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

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

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

应该是

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

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