diff --git a/src/pages/data-loaders.[id]/sub-1.[userId].page.vue b/src/pages/data-loaders.[id]/sub-1.[userId].page.vue index 5beb936..b70de5c 100644 --- a/src/pages/data-loaders.[id]/sub-1.[userId].page.vue +++ b/src/pages/data-loaders.[id]/sub-1.[userId].page.vue @@ -5,8 +5,8 @@ import { defineColadaLoader } from 'unplugin-vue-router/data-loaders/pinia-colad async function getUserById(userId: string, { signal }: { signal?: AbortSignal }) { console.warn('[getUserById] 被调用, userId :>> ', userId); setTimeout(() => { - console.log('5s 已过', 'userId :>> ', userId); - }, 5000); + console.log('10s 已过', 'userId :>> ', userId); + }, 1000 * 10); const res = await fetch(`https://jsonplaceholder.typicode.com/users/${userId}`, { signal }); await new Promise((resolve) => setTimeout(resolve, 300)); return await res.json(); @@ -20,7 +20,7 @@ export const useUserData = defineColadaLoader('DataLoadersIdSub1UserId', { key: (to) => ['users', to.params.userId], // Keep the data "fresh" 10 seconds to avoid fetching the same data too often // 保持数据“新鲜”10秒,以避免过于频繁地获取相同的数据 - staleTime: 5000, + staleTime: 1000 * 10, }); export const usePageData = defineBasicLoader('DataLoadersIdSub1UserId', async (route) => {