使用Vue和Apollo在GraphQL中发送查询时出错

Question

在以下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>