SvelteKit+Vite项目用svelte-routing跳转后URL变页面不更新

问题根源在于SvelteKit自带完整的路由系统，与svelte-routing存在冲突，不需要额外引入第三方路由库。以下是具体解决方案：

1. 移除svelte-routing依赖 #

首先卸载多余的依赖：

npm uninstall svelte-routing

2. 使用SvelteKit原生导航实现页面跳转 #

SvelteKit提供了两种原生导航方式，根据你的场景选择：

方式一：页面组件内触发导航（适合前端逻辑跳转） #

在根目录的+page.svelte中，导入SvelteKit的goto函数，在组件挂载后执行重定向：

<script>
  import { goto } from '$app/navigation';
  import { onMount } from 'svelte';

  onMount(() => {
    // 重定向到result页面
    goto('/result');
  });
</script>

方式二：通过load函数实现服务端/客户端重定向（更推荐） #

在根目录创建+page.server.ts或+page.ts，利用load函数返回redirect实现重定向：

客户端+服务端通用（+page.ts）：

import { redirect } from '@sveltejs/kit';

export function load() {
  throw redirect(307, '/result');
}

仅服务端（+page.server.ts）：

import { redirect } from '@sveltejs/kit';

export async function load() {
  throw redirect(307, '/result');
}

3. 验证路由目录结构 #

确保你的路由目录符合SvelteKit约定，当前结构是正确的：

routes/
├── +page.svelte       # 根页面，需重定向
└── result/
    └── +page.svelte   # 目标页面

完成以上步骤后，启动开发服务，根页面会自动无刷新重定向到/result页面，URL和页面内容同步更新。

内容的提问来源于stack exchange，提问作者Asilbek Fayzullayev