$ http.post的Graphql查询不起作用

Question

对以下代码的请求一切正常，但我没有得到任何数据（只是在chrome请求的“预览”标签中说“未找到错误”）。 我在GraphiQL尝试了相同的查询，并返回了相关数据。 我不确定我在这里缺少什么。 请指教，有点卡住。

PlayService.prototype.getPlays = function(playID) {
 //The query. 
 const playsQuery = `query ($playid: String) {
    plays(id: $playid) {
      id
      items {
        nodes {
          id
          name
        }
      }
    }
  }`;

  // variables to pass.
  const variables = {
    playid: playID
  };

  //The request.
  const result = $http.post(
    /graphql,
    {
      method: 'POST',
      credentials: 'same-origin',
      headers: {
        'Content-Type': 'application/json'
      },
      body: JSON.stringify({ playsQuery, variables })
    }
  );
  return result && result.data;
};

Answer 1

您似乎将数据正文发送为：

{
  playsQuery: "<query string>",
  variables: {}
}

GraphQL规范指定对于REST上的GraphQL查询，必须遵循以下格式：

http://graphql.org/learn/serving-over-http/

{
  "query": "...",
  "operationName": "...",
  "variables": { "myVariable": "someValue", ... }
}