SvelteKit页面重定向问题：如何从指定页面始终跳转到首页？

你的两种写法本身语法没问题，但没生效大概率是路径、缓存或执行环境的问题，按以下步骤排查：

1. 确认文件路径匹配 #

确保+page.js和目标页面的+page.svelte在同一个目录下。比如要重定向/profile页面，+page.js必须放在src/routes/profile/文件夹里，位置错了就不会触发load函数。

2. 清除缓存重启开发服务 #

开发环境常出现缓存导致代码不更新的情况：

• 关掉当前的dev服务器
• 删除项目根目录下的.svelte-kit文件夹
• 重新运行npm run dev

3. 改用服务端load函数（更可靠） #

如果客户端的+page.js还是不生效，创建+page.server.js文件（服务端专属，无缓存问题）：

/** @type {import('./$types').PageServerLoad} */
export function load() {
    return {
        status: 302,
        redirect: '/'
    };
}

服务端的load函数会在每次请求时强制执行，不会被客户端缓存干扰。

针对你最终的需求：store无效时重定向 #

等无条件重定向生效后，根据store的运行环境选择对应方案：

客户端场景（store仅在客户端可用） #

在+page.svelte里通过onMount检查状态并跳转：

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

    onMount(() => {
        const unsubscribe = yourStore.subscribe(state => {
            if (!state.isValid) { // 替换成你判断store无效的条件
                goto('/');
                unsubscribe(); // 避免重复触发
            }
        });
        return unsubscribe;
    });
</script>

服务端场景（store状态可在服务端获取） #

在+page.server.js里直接判断并重定向：

/** @type {import('./$types').PageServerLoad} */
export async function load({ locals }) {
    // 假设locals中存储了store的有效状态，比如从session读取
    if (!locals.storeIsValid) {
        return { status: 302, redirect: '/' };
    }
    return { data: locals.storeData };
}

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