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
相关产品推荐
相关产品推荐

