如何配置Aurelia实现路由精确匹配？

嘿，这个问题我之前做Aurelia项目时也踩过坑！默认情况下Aurelia的路由采用前缀匹配规则，这就导致#/players会匹配所有以它开头的URL（比如#/players/extra/url这类带额外路径的地址）。要让路由只精确匹配#/players，你只需要在路由配置里加上exact: true这个属性就行。

具体配置方法： #

假设你是在app.js或者专门的路由配置文件中定义路由规则，修改你的路由配置对象，给players路由添加exact: true：

export class App {
  configureRouter(config, router) {
    config.title = '我的应用';
    config.map([
      // 给players路由加上exact: true实现精确匹配
      { route: 'players', name: 'players', moduleId: 'players', exact: true },
      // 其他路由配置...
    ]);
    this.router = router;
  }
}

为什么这样有用？ #

• 添加exact: true后，路由系统会严格校验整个URL路径，只有当路径完全等于#/players时，才会渲染对应的players组件。
• 如果没有这个属性，路由会默认使用前缀匹配逻辑，只要URL的开头部分和配置的路由路径一致，就会触发匹配。

要是你用的是Aurelia 2版本，配置逻辑基本是一样的，exact: true这个选项同样适用，只是可能在项目结构或者语法细节上有小差异，核心思路不变。

内容的提问来源于stack exchange，提问作者user3885964