我如何从生产中阻止页面但在 nuxt 的开发中显示？

Question

我尝试使用.nuxtignore 执行此操作，因为使用它您可以忽略文件“during the build phase”。但后来我意识到该页面在开发中也不再可见。

我正在制作一个参考页面（比 .md 更复杂），供开发人员在进行组件开发时与项目一起使用。但我不希望最终用户在生产时看到该页面。如何阻止页面在生产中但在 Nuxt 的开发中显示？

Answer 1

您不能通过配置忽略，而是通过脚本检测您是否处于开发模式并重定向到另一个页面，如下所示：

例如。 pages/test.vue

<template>
  <div>Dev Only</div>
</template>

<script>
export default {
  asyncData({ isDev, redirect }) {
    if (!isDev) {
      redirect({ name: 'index' })
    }
  }
}
</script>