后台管理模版页面白屏问题

问题描述：不知道各位小伙伴们在使用一些开源的后台模版的时候有没有遇到过在本地正常，部署到服务器之后跳转几个页面内容区就会变成空白，刷新一下才行

最近被这个问题苦恼，后面我到处找资料，尝试各种方式都不行，后面我直接去看router-view部分的代码，最后发现在生产环境下的代码多了一层transition，我试着把transition标签给去除，然后就解决了这个问题，但是没有transition就也自然没有动画效果了，不知道大家有更好的办法吗

  <RouterView>
    <template #default="{ Component, route }">
      <template v-if="mode === 'production'">
        <!-- <transition :name="getTransitionName" mode="out-in" appear> -->
          <keep-alive v-if="keepAliveComponents.length" :include="keepAliveComponents">
            <component :is="Component" :key="route.fullPath" />
          </keep-alive>
          <component v-else :is="Component" :key="route.fullPath" />
        <!-- </transition> -->
      </template>
      <template v-else>
        <keep-alive v-if="keepAliveComponents.length" :include="keepAliveComponents">
          <component :is="Component" :key="route.fullPath" />
        </keep-alive>
        <component v-else :is="Component" :key="route.fullPath" />
      </template>
    </template>
  </RouterView>

这里的后台模版我使用的是 naive-ui-admin