在 SvelteKit 中刷新当前页面

Question

有什么方法可以使用 SvelteKit 每 10 秒刷新一次页面吗？我必须刷新页面才能从端点获取输出。

正在从 src/routes/[id].ts.

加载 src/routes/[id].svelte 中的数据

Answer 1

我在 onMount 中调用了 setInterval(/* 获取代码 */)

Answer 2

要刷新端点，您可以在页面路由中使用 invalidate。

import { onDestroy } from "svelte";
import { invalidate } from "$app/navigation";

export your_end_point_prop;

// resfresh your_end_point_prop
const apiInterval = setInterval(async () => {
  await invalidate("/your_endpoint");
}, 1000000); 

... code to handle your end_point_prop

onDestroy(() => {
    clearInterval(apiInterval);
});

在 SvelteKit 中刷新当前页面

Refresh current page in SvelteKit

svelte

sveltekit