Nuxt GraphQL Client + Spring for GraphQL

[danvega]

I have a GraphQL API writing in Java + Spring. I tried just pointing Nuxt GraphQL Client to the GraphQL endpoint and didn't have any luck. There is also a way to print out the schema so I enabled that and if you go to http://localhost:8080/graphql/schema you will get something that looks like this

"Marks the field, argument, input field or enum value as deprecated"
directive @deprecated(
    "The reason for the deprecation"
    reason: String = "No longer supported"
  ) on FIELD_DEFINITION | ARGUMENT_DEFINITION | ENUM_VALUE | INPUT_FIELD_DEFINITION

"Directs the executor to include this field or fragment only when the `if` argument is true"
directive @include(
    "Included when true."
    if: Boolean!
  ) on FIELD | FRAGMENT_SPREAD | INLINE_FRAGMENT

"Directs the executor to skip this field or fragment when the `if` argument is true."
directive @skip(
    "Skipped when true."
    if: Boolean!
  ) on FIELD | FRAGMENT_SPREAD | INLINE_FRAGMENT

"Exposes a URL that specifies the behaviour of this scalar."
directive @specifiedBy(
    "The URL that specifies the behaviour of this scalar."
    url: String!
  ) on SCALAR


type Product {
  desc: String
  id: ID!
  title: String
}

" Root Operations"
type Query {
  allProducts: [Product]
  getProduct(id: ID): Product
}

I configure Nuxt to use those 2 urls:

export default defineNuxtConfig({
  devtools: { enabled: true },
  modules: ['nuxt-graphql-client'],
  runtimeConfig: {
    public: {
      'graphql-client': {
        clients: {
          store: {
            host: 'http://localhost:8080/graphql',
            schema: 'http://localhost:8080/graphql/schema',
          }
        }
      }
    }
  }
})

However when I run npm run build I am still getting an error

  Error:
  Failed to load schema from http://localhost:8080/graphql:

  Could not obtain introspection result, received the following as response;
  undefined
  GraphQLError: Could not obtain introspection result, received the following as response;
  undefined
  at createGraphQLError (node_modules/@graphql-tools/utils/esm/errors.js:6:12)
  at getSchemaFromIntrospection (node_modules/@graphql-tools/wrap/esm/introspect.js:17:11)
  at node_modules/@graphql-tools/wrap/esm/introspect.js:32:32
  at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
  at async UrlLoader.load (node_modules/@graphql-tools/url-loader/esm/index.js:215:29)
  at async node_modules/@graphql-tools/load/esm/load-typedefs/load-file.js:12:39
  at async Promise.all (index 5)
  at async loadFile (node_modules/@graphql-tools/load/esm/load-typedefs/load-file.js:10:9)
  at async node_modules/@graphql-tools/load/esm/load-typedefs/collect-sources.js:201:25

  GraphQL Code Generator supports:
  - ES Modules and CommonJS exports (export as default or named export "schema")
  - Introspection JSON File
  - URL of GraphQL endpoint
  - Multiple files with type definitions (glob expression)
  - String in config file

  Try to use one of above options and run codegen again.

What am I missing to make this work?

[danvega]

Sorry but I figured out my issue... I had security enabled and wasn't able to perform a GET on /graphql. 🤦‍♂️

[Diizzayy]

@danvega Happy to hear that you've managed to get it working. Feel free to reach out if you need any additional assistance.