nextjs 路由加载问题?
kaipizhe
·
2026-04-22
·
via SegmentFault 最新的问题
哪位大哥帮忙看下怎么实现: 项目地址: https://gitee.com/kaipizhe/nextjs16-test 我切换一级路由,比如 /list1 , /list2 的时候, 1:想要的显示效果是 TYPE 数据加载中... 2:列表数据加载中... 3:最后完成 现在问题是二级路由切换,比如 /list1/1 , /list1/2 , /list1/3 ...的时候,他也会按上面那个步骤来执行,不是应该直接执行第二步和第三步吗? 如果按照 /list3 里面那样写,在切换的时候又不显示第一步,二级路由切换的时候正常。 到底要怎么写才能实现一级路由切换的时候按上面 1 , 2 , 3 步那样加载,二级路由切换的时候按 2 , 3 那样加载。中间页面数据 标题 , 侧栏 , 简介 都是根据一级路由来获取,后面的二级,三级,四级路由等都一样,改变的只是列表数据。 还有,这3个路由能不能合并成 src/app/[[...slug]]/page.tsx 一个来实现 src目录结构: src/ ├─ app/ │ ├─ api/ │ │ ├─ list/ │ │ │ └─ [slug]/ │ │ │ └─ route.ts │ │ └─ type/ │ │ └─ [slug]/ │ │ └─ route.ts │ ├─ list1/ │ │ ├─ [...slug]/ │ │ │ └─ page.tsx │ │ ├─ loading.tsx │ │ └─ page.tsx │ ├─ list2/ │ │ ├─ [...slug]/ │ │ │ └─ page.tsx │ │ ├─ loading.tsx │ │ └─ page.tsx │ ├─ list3/ │ │ ├─ [...slug]/ │ │ │ └─ page.tsx │ │ ├─ layout.tsx │ │ ├─ loading.tsx │ │ └─ page.tsx │ ├─ global.css │ ├─ layout.tsx │ └─ page.tsx └─ components/ └─ ListData.tsx
此内容由惯性聚合(RSS阅读器)自动聚合整理,仅供阅读参考。 原文来自 — 版权归原作者所有。