Angular http.get 帮助

Question

我有一个要访问的 api。 api 文档给我的示例在我的 bash shell (git bash) 中工作，但是尝试使用 Angular 构建应用程序我无法让它工作。

当我将给我的这个例子粘贴到 git bash 中时，它工作正常：

curl -v 'https://api.r8.beer/v1/api/graphql/' \
-H 'content-type: application/json' \
-H 'accept: application/json' \
-H 'x-api-key: <my-api-key>' \
--data-binary '{"query":"query {\n beer(id: 4934) {\n id\n name\n 
}\n}","variables":"{}","operationName":null}'

这是我到目前为止在我的 angular 应用程序服务中所拥有的，这给了我一个 404 错误：

getBeer(){
return this.http.get('https://api.r8.beer/v1/api/graphql/', {
headers:{
  'content-type': 'application/json', 
  'accept': 'application/json', 
  'x-api-key': '<my-api-key>'}
  });
 } 

不知道把这部分放在上面的代码的什么地方，如果它在那里，它会阻止 404 响应：

--data-binary '{"query":"query {\n beer(id: 4934) {\n id\n name\n 
}\n}","variables":"{}","operationName":null}'

我有多近？？

Answer 1

如果您将数据传递给 cUrl 并指定内容类型，那么您正在执行 POST 请求

尝试这样的事情

getBeer(){

    let data = {
        query:"{\n beer(id: 4934) {\n id\n name\n }\n}",
        variables:"{}",
        operationName:null
    };

    return this.http.post('https://api.r8.beer/v1/api/graphql/', data, {
    headers:{
       'x-api-key': '<my-api-key>'}
      });
 }