如何阻止Nuxt 2在SSR构建阶段执行AJAX数据获取？

针对你遇到的问题——全局设置fetchOnServer: false后，执行npm run generate仍生成包含预取数据的payload.js，可以尝试以下几种方案：

• 组件级单独配置fetchOnServer
  全局配置可能存在未被组件正确继承的情况，直接在使用fetch()钩子的组件内显式声明：

  export default {
    fetchOnServer: false,
    async fetch() {
      // 你的客户端数据获取逻辑
    }
  }
  

• 在fetch钩子内添加客户端环境判断
  通过process.client变量确保数据请求仅在客户端执行：

  async fetch() {
    if (process.client) {
      // 仅客户端发起API请求
      this.data = await fetch('/api/your-endpoint').then(res => res.json())
    }
  }
  

• 改用客户端专属生命周期钩子
  放弃使用fetch，转而使用仅在客户端触发的mounted钩子，从根源上避免服务端预取：

  async mounted() {
    this.data = await fetch('/api/your-endpoint').then(res => res.json())
  }
  

• 调整generate配置禁用爬虫
  在nuxt.config.js中关闭生成时的爬虫功能，同时手动指定需要生成的静态路由（如果你的站点路由是已知的）：

  export default {
    generate: {
      crawler: false,
      routes: ['/', '/contact', '/blog'] // 手动列出所有需要生成的路由
    }
  }
  

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