Lit Labs Router的goto方法为何不更新地址栏URL？

1. 路由path字段的正确写法 #

路由配置里的path只能填纯路径部分，不能包含协议、主机名和端口。你之前写path: http://localhost:8000/home会触发URLPattern错误，因为它把http://当成了非法的参数占位符格式。正确写法是：

path: '/home'

2. goto方法的正确调用 #

• 相对路径地址栏不更新是设计行为，符合文档里“嵌套路由空间内用相对URL”的说明，这类导航属于路由内部的视图切换，不会修改地址栏。
• 如果要触发地址栏更新的顶级导航，直接传根路径开头的相对路径即可，不需要带完整URL：

  this._router.goto(`/${this.nav.selected}`);
  

  要是一定要用完整URL，必须保证和当前页面的协议、主机、端口完全一致，同时路由配置的path是对应的纯路径（比如/home），不能带域名。

3. URLPattern配置的正确方式 #

用pattern配置时，不需要指定hostname和port（除非你要做跨主机/端口的路由匹配，这一般不是常规场景），只需要指定pathname即可，同时确保路由注册在顶级路由空间：

pattern: new URLPattern({
  pathname: '/home',
}),

另外，不要在hostname里加http://，hostname字段只接受纯主机名（比如localhost），加协议会直接触发格式错误。

额外排查点 #

如果还是提示No route found for /home，检查：

• 路由是否正确注册到了顶级路由实例中，没有被嵌套在子路由空间里
• 导航时的路径和pathname完全匹配（比如有没有大小写问题、多余的斜杠）

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