我如何阻止生产页面但在 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>

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

How do i block page from production but show in development in nuxt?

nuxt.js

nuxtjs