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

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路由文件命名方式:

  1. 把about/index.svelte重命名为about/+page.svelte
  2. 在about文件夹下直接创建about2/+page.svelte

此时about/about2/+page.svelte就对应/about/about2路由,访问正常。

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.07.09 19:49:54