开启页面缓存

在页面切换后，如果要返回上个页面，框架默认做法是会重新加载上个页面，页面元素的状态也会重置。如果要保留上个页面的状态，需要按照以下步骤开启页面缓存。

修改layout支持keep-alive

打开 ui/src/layouts/basic-layout/index.vue ，找到以下代码片段，添加组件 bg-keep-allive：

<div class="i-layout-content-main">
  <bg-keep-alive :include="keepAlive">
    <router-view v-if="loadRouter" />
  </bg-keep-alive>
</div>

设置“缓存父页面“

在需要缓存的页面中，设置动作参数”缓存父页面“（开启）。

以上两个步骤，可以让系统的部分页面实现缓存，部分保留刷新。如果要整个系统的页面都进行缓存，可以加上下面这一步。

开启路由缓存

在路由配置中，添加缓存配置。

在 ui/src/route/index.js中找到以下路由，设置 cache: true:

{
  path: '/lowcode/:id*',
  name: 'lowcode',
  props: true,
  meta: {
    auth: true,
    title: '业务功能',
    cache: true  // 缓存路由，全局生效
  },
  component: () => import('@/pages/lowcode')
}

重新打包

配置调整完成后，需要重新 build-ui 以及重启后端工程。