SvelteKit路由404问题:嵌套页面路径配置咨询
SvelteKit 路由404问题解决
你访问domainname/about/about2出现404,是因为当前文件结构不符合SvelteKit的路由映射规则:
src/routes/about/index.svelte对应/about路由src/routes/about/about2.svelte对应的是/about2,而非你期望的/about/about2
不需要给每个新增页面都创建子文件夹,有两种方案可以实现目标路由:
方案1:子文件夹结构(推荐,直观易维护)
在about文件夹下新建about2子目录,把about2.svelte改名为index.svelte,最终结构如下:
src/ |-- routes/ |-- about/ |-- index.svelte |-- about2/ |-- index.svelte
修改后,about2/index.svelte就会映射到/about/about2路由,访问即可正常加载页面。
方案2:适配新版路由规则(无需子文件夹)
如果你使用的是SvelteKit 1.0及以上版本,建议改用官方推荐的+page.svelte路由文件命名方式:
- 把
about/index.svelte重命名为about/+page.svelte - 在
about文件夹下直接创建about2/+page.svelte
此时about/about2/+page.svelte就对应/about/about2路由,访问正常。
内容的提问来源于stack exchange,提问作者Yousef
相关产品推荐
相关产品推荐

