如何禁用Nuxt 3静态生成的200.html、404.html及_payload.json文件？

关闭200.html与404.html生成 #

编辑项目根目录下的nuxt.config.ts，添加nitro.prerender.fallback配置并设为false：

export default defineNuxtConfig({
  nitro: {
    prerender: {
      fallback: false
    }
  }
})

这个配置会阻止Nuxt生成用于SPA fallback的200.html，以及默认的404错误页面。

关闭_payload.json生成 #

同样在nuxt.config.ts中，设置experimental.payloadExtraction为false，即可停止生成页面的payload文件：

export default defineNuxtConfig({
  experimental: {
    payloadExtraction: false
  }
})

完整配置示例 #

将两项配置合并到同一个文件中：

export default defineNuxtConfig({
  experimental: {
    payloadExtraction: false
  },
  nitro: {
    prerender: {
      fallback: false
    }
  }
})

配置完成后重新运行nuxt generate，生成的静态文件就只会包含你需要的页面文件了。

内容的提问来源于stack exchange，提问作者Joseph