Я успешно выполняю запросы Gatsby Graphql с помощью GraphiQL, но на NextJS (запросы GraphQL, настроенные с помощью Apollo) те же запросы не работают?

#reactjs #graphql #next.js #graphiql

Вопрос:

  • Просто для подтверждения, и NextJS, и Gatsby подключены к API-интерфейсу Strapi, совместимому с GraphQL, и у меня есть сервер, работающий на http://localhost:1337
  • КРОМЕ того, я могу получить доступ к игровой площадке GraphQL через http://localhost:1337/graphql

ОДНАКО Гэтсби дает мне возможность запускать GraphQL также через GraphiQL на http://localhost:8000/___graphiql и вот тут-то и начинаются мои расхождения…

  • График на http://localhost:8000/ то, что предлагает Гэтсби, просто потрясающе. Я предпочитаю его игровой площадке GraphQL, которую вы увидите на нижнем снимке экрана в темном режиме на http://localhost:1337/graphql

Вот успешный запрос GraphQL на Гэтсби, который я выполняю через GraphiQL: введите описание изображения здесь

  • Я хочу, чтобы тот же запрос в GraphiQL работал на бэкэнд-сервере Strapi на http://localhost:1337/graphql
  • Чтобы быть точным, вот запрос GraphQL, который успешно выполнялся на GraphiQL:
 query MyQuery {
  allStrapiProduct(filter: {featured: {eq: true}}) {
    edges {
      node {
        name
        strapiId
        variants {
          price
          qty
          product
        }
      }
    }
  }
}

 

Здесь я пытаюсь запустить запрос GraphQL через мой серверный сервер Strapi через стандартную игровую площадку GraphQL на http://localhost:1337/graphql чтобы я мог включить его в свой проект NextJS:
введите описание изображения здесь

Пожалуйста, помогите получить этот запрос GraphiQL и все другие запросы GraphiQL, которые я провел через Gatsby, для работы с помощью NextJS!

Комментарии:

1. вы скачали схему? apollographql.com/docs/ios/downloading-schema можете ли вы поделиться схемой?

Ответ №1:

Я полагаю, что ваши два сервера GraphQL обслуживают разные схемы. То есть, пока allStrapiProduct работает в GraphiQL, вам нужно использовать product в strapi. Аналогично, filter в GraphiQL, но where в strapi.

различные схемы