How to NuxtJS Apollo with NestJS GraphQL

Question

I am trying to connect my NuxtJS app (@nuxtjs/apollo) with my NestJS app (@nestjs/graphql), which should work only as a GraphQL server.

I can not figure out the apollo entry point.

I get always a 404, which is right because I do not know how.

Here is my nuxt config.

apollo: {
  clientConfigs: {
    default: {
      httpEndpoint: 'http://localhost:4000',
      browserHttpEndpoint: '/graphql'
    }
  }
}

Here is my nest config

import { NestFactory } from '@nestjs/core';
import { AppModule } from './app.module';

async function bootstrap() {
  const app = await NestFactory.create(AppModule);
  await app.listen(4000);
}
bootstrap();

Here is my AppModule class

import { Module } from '@nestjs/common';
import { GraphQLModule } from '@nestjs/graphql';
import { PagesModule } from './pages/pages.module';

@Module({
  imports: [

    PagesModule,
    GraphQLModule.forRoot({
      typePaths: ['./**/*.graphql'],
    }),
  ],
})
export class AppModule {}

I appreciate any help on this matter!!!

@JayMcDoniel I am trying to get an answer asap because otherwise, I will not be able to continue with this setup. — Toni PRI, Nov 25 '19 at 22:28
Deleting and reasking a question does not mean you'll get an answer any faster — Jay McDoniel, Nov 25 '19 at 22:29
I haven't worked with Nuxt before, but what is the flow to start the server? You start the Nest server first, right? — Jay McDoniel, Nov 25 '19 at 22:57
Any chance you've got a git repo that you can link to? Configs seems correct to my understanding — Jay McDoniel, Nov 25 '19 at 23:00
@JayMcDoniel My bad. It works now. I was trying to prefetch some data in the nuxt app. The data was not available yet via the nest app — Toni PRI, Nov 26 '19 at 00:11

score 0 · Answer 1 · answered Jul 30 '20 at 11:15

app.module.ts

GraphQLModule.forRoot({
      autoSchemaFile: join(process.cwd(), 'src/schema.gql'),
      path: `/api/ticket/graphql`, // <-
    })

nuxt.config.js:

{
apollo: {
    clientConfigs: {
      default: {
        httpEndpoint: `http://localhost:4000/api/ticket/graphql`, // <-
      },
    },
  }
}

How to NuxtJS Apollo with NestJS GraphQL

1 Answers1