如何在nuxt中缓存特定页面

如何解决如何在nuxt中缓存特定页面

我正在nuxt 2.13上，我想缓存我的主页（现在为index.vue），并在特定时间段（10〜20分钟）内将req发送回去，并检查结果diff是否更改。

我尝试过，很好，但是它可以使所有页面保持活动状态！

我的index.vue像这样：

<template>
    <component :is="homepagelayoutmobile" v-if="$device.isMobile" />
    <component :is="homepagelayoutdesktop" v-else />
</template>

<script>
export default {
    computed:{
        homepagelayoutmobile(){
            return ()=>import('~/components/'+this.$store.state.lang.dir+'/home/homepagelayoutmobile.vue')
        },homepagelayoutdesktop(){
            return ()=>import('~/components/'+this.$store.state.lang.dir+'/home/homepagelayoutdesktop.vue')
        }
    }
}
</script>

，并且这两个组件中的每个组件都有许多子代。所以我在默认布局上尝试了这个：

<template>
  <v-app>
    <nuxt keep-alive :keep-alive-props="['homepagelayoutdesktop','homepagelayoutmobile']" />
  </v-app>
</template>

但根本无法存活！

所以有两个问题：

首先，如何仅保留我的index.vue？

秒，如何在特定时间缓存此页面并在到期后重新获取？ （不会使用this package，不可靠）