在 load 函数内调用 fetch(url) 会将 url 注册为依赖项。有时不适合使用 fetch，在这种情况下，您可以使用 depends(url) 函数手动指定依赖项。
由于以 [a-z]+: 模式开头的任何字符串都是有效的 URL，因此我们可以创建自定义失效键，例如 data:now。
更新 src/routes/+layout.js 以直接返回值，而不是进行 fetch 调用，并添加 depends
src/routes/+layout
export async function load({ depends }) {
depends('data:now');
return {
now: Date.now()
};
}现在，更新 src/routes/[...timezone]/+page.svelte 中的 invalidate 调用
src/routes/[...timezone]/+page
<script>
import { onMount } from 'svelte';
import { invalidate } from '$app/navigation';
let { data } = $props();
onMount(() => {
const interval = setInterval(() => {
invalidate('data:now');
}, 1000);
return () => {
clearInterval(interval);
};
});
</script>上一步 下一步
1