如何使 Aurelia 完全匹配路线？

Question

我正在尝试使用 Aurelia 制作一个简单的应用程序，但我不喜欢我的路由最终匹配带有额外内容的 url。

我的路由器配置是：

configureRouter(config, router) {
  config.title = 'Aurelia';
  config.map([
    { route: '', redirect: 'players' },
    { route: 'players', name: 'players', moduleId: 'components/players/players', nav: true, title: 'Players' }
  ]);
  this.router = router;
}

我只希望#/players 路由到播放器组件。如何防止#/players/extra/url 之类的内容也被路由？

Answer 1

这就是route-recognizer 的工作原理。一旦找到完全匹配的叶子路由，它就会停止查看 url 的其余部分。相反，如果您有另一条路线#/players/foo，那么#/players/extra 会给您一个错误Route not found: extra。

考虑到这一点，您可以添加一个带有子路由匹配器的附加路由配置来捕获额外的部分：

{ route: 'players/*path', redirect: 'players' }

然后，用户在#/players/ 之后添加的任何内容都将被删除，它们仍会出现在该页面上。

但要小心这种事情，因为它会破坏您可能拥有的任何子路由，并且可能不是用户期望的行为。即使在堆栈溢出时，您也可以在地址栏中添加/extra/stuff 并进入同一页面。