You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Next.js点击<Link>组件与直接访问页面渲染模板不一致问题求助

Next.js路由异常:直接访问与Link组件跳转渲染模板不一致

我在Next.js应用中遇到问题:直接在浏览器地址栏访问页面,和通过<Link>组件跳转访问同一页面时,渲染的模板不一致。

Pages文件夹结构

[posttype]
    index.js
[...uri].js
index.js

SSG静态路径配置

[...uri].js中的getStaticPaths

export async function getStaticPaths() {
    const paths = [
        {params: {uri: ["about"]}},
        {params: {uri: ["projects"]}},
    ]

    return {
        paths: paths,
        fallback: false
    }
}

[posttype]/index.js中的getStaticPaths

export async function getStaticPaths() {
    const paths = [
        {params: {posttype: "posts"}},
        {params: {posttype: "articles"}},
    ]

    return {
        paths: paths,
        fallback: false
    }
}

异常表现

  • 直接在浏览器地址栏访问/about/,渲染[...uri].js模板,符合预期;
  • 通过<Link>组件访问/about/,却渲染[posttype]/index.js模板,不符合预期。

内容的提问来源于stack exchange,提问作者Jonas

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.08 03:23:41