Next.js路由:动态路由与精确路由的匹配优先级问题
Next.js 相似路由匹配规则解答
结论
这两条路由不会产生冲突。
匹配逻辑说明
Next.js内置的路由匹配机制有明确的优先级规则,静态路由优先级永远高于动态路由,具体的匹配顺序如下:
- 优先匹配完全吻合的静态路由:当用户访问
/posts/latest时,Next.js会先扫描所有已定义的静态路由,直接命中/posts/latest路由,不会将路径中的latest识别为动态路由/posts/[id]的参数。 - 只有当访问路径无法匹配到任何已定义的静态路由时,才会降级匹配动态路由:比如访问
/posts/123、/posts/my-first-post这类路径时,才会命中/posts/[id]动态路由,路径中对应动态段的内容会被作为id参数传入路由对应的组件。
该优先级规则同时适用于Pages Router和App Router两种路由模式,不需要你额外做配置调整。
内容的提问来源于stack exchange,提问作者menard_codes
相关产品推荐
相关产品推荐

