我如何使 Aurelia 完全匹配路线?

用户3885964

我正在尝试使用 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也被路由?

弗雷德·克鲁弗

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

考虑到这一点,您可以使用子路由匹配器添加额外的路由配置来捕获额外的部分:

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

然后,用户添加的任何内容都#/players/将被简单地删除,并且他们仍会在该页面上结束。

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Aurelia:如何在子路线之间导航

来自分类Dev

如何使用Aurelia向路线添加图标/图像?

来自分类Dev

如何在Aurelia html模板中获取当前路线?

来自分类Dev

在Aurelia应用程序中,如何在路线之间添加一些过渡?

来自分类Dev

Aurelia-如何在路线的子容器中注册单例?

来自分类Dev

在Aurelia中添加或不添加路线

来自分类Dev

我如何在课程之外访问Aurelia EventAggregator?

来自分类Dev

如何在 Aurelia 中实现我自己的动画库?

来自分类Dev

我如何在 aurelia webpack 中使用 nprogress

来自分类Dev

如何从角度路线中完全删除#标签?

来自分类Dev

为什么我的路线不匹配?

来自分类Dev

如何获得Aurelia验证工作?

来自分类Dev

如何获得Aurelia验证工作?

来自分类Dev

如何通过 aurelia-cli 在 Aurelia 中使用 Froala Editor

来自分类Dev

Rails路线:如何根据模式匹配Rails路线

来自分类Dev

我无法理解Aurelia架构

来自分类Dev

使用带有新 webpack 选项的 Aurelia CLI,我将如何添加对 aurelia-auth 的引用

来自分类Dev

我收到的路线中没有与自定义操作匹配的路线[DELETE],并且在ruby上的路线不匹配

来自分类Dev

Aurelia - 在导航菜单中隐藏路线最终什么也不显示

来自分类Dev

如何使我的路线更高效?

来自分类Dev

如何从Aurelia中的函数更新属性

来自分类Dev

如何在Aurelia中访问嵌套模型?

来自分类Dev

如何更改Aurelia-App查找的文件?

来自分类Dev

您如何在Aurelia中替代HttpClient?

来自分类Dev

如何使用Aurelia重复绑定对象

来自分类Dev

如何绑定到Aurelia中的编码图像?

来自分类Dev

如何在Aurelia中设置SEO属性

来自分类Dev

如何从Aurelia中的URL中删除#

来自分类Dev

如何在Aurelia中使用布局?

Related 相关文章

热门标签

归档