Ошибка отправки запроса в GraphQL с использованием vue и apollo - PullRequest
Новая
       14

Ошибка отправки запроса в GraphQL с использованием vue и apollo

0 голосов
/ 22 июня 2019

У меня есть код, в котором мне нужно составить список с различными фильмами «Звездных войн», в запросе, который у меня есть в следующем файле MoviesList.vue, работает непосредственно по следующей ссылке: https://movie -database-graphql.herokuapp.com/graphiql Я не знаю, собираю я данные неправильно или нет, но запрос работает для меня по ссылке.Я оставляю файлы:

Ошибка: 

Error sending the query 'movies' ServerParseError: Unexpected token < in JSON at position 1
    at JSON.parse (<anonymous>)
    at eval (webpack-internal:///./node_modules/apollo-link-http-common/lib/bundle.esm.js:46:25)

MoviesList.vue: 

<template>
  <div>
    <movie-item v-for="movie in movies" :key="movie.id" :movie="movie"></movie-item>
  </div>
</template>

<script>
import MovieItem from "./MovieItem";
import gql from "graphql-tag";

const GET_MOVIES = gql`
  query StarWars {
    movies(query: "Star Wars") {
      id
      poster_path
      title
      overview
    }
  }
`;

export default {
  name: "MoviesList",
  components: { MovieItem },
  data() {
    return {
      movies: []
    };
  },
  apollo: {
    movies: {
      query: GET_MOVIES
    }
  }
};
</script>

MovieItem.vue: 

<template>
  <div :key="movie.id">
    <h3>{{ movie.title }}</h3>
    <p>{{ movie.overview }}</p>
    <p>{{ movie.poster_path }}</p>
  </div>
</template>

<script>
export default {
  name: "MovieItem",
  props: ["movie"]
};
</script>
...