在nuxt中使用vue-apollo

npm install vue-apollo apollo-client

// nuxt.config.js

module.exports = {
  // ...
  apollo: {
    clientConfigs: {
      default: {
        httpEndpoint: 'http://your-graphql-api-endpoint',
        // 可选配置：设置请求头
        // httpLinkOptions: {
        //   headers: {
        //     Authorization: 'Bearer your-auth-token',
        //   },
        // },
      },
    },
  },
  // ...
}

<template>
  <div>
    <div v-if="$apollo.loading">Loading...</div>
    <div v-else>
      <div v-if="$apollo.error">Error: {{ $apollo.error.message }}</div>
      <div v-else>
        <!-- 在这里使用vue-apollo提供的组件和方法 -->
      </div>
    </div>
  </div>
</template>

<script>
export default {
  apollo: {
    // 在这里定义你的GraphQL查询、变量和选项
  },
}
</script>