无法使用Angular Http Client(Angular 7)获取数据

时间:2019-04-14 19:59:54

标签: angular typescript api angular-httpclient

我最近开始研究angular7。使用http客户端获取数据是一个非常基本的问题。看起来该代码调用了其余服务,但响应主体始终为空。我检查了IE开发人员工具,可以看到已发出请求,但它始终返回空响应。

我已经从开发人员工具复制了请求URL,并在Fiddler中进行了尝试,并且可以正常工作并返回数据。服务正在返回一个对象数组。

数据服务:

export class DataService {

   // Define API
   apiURL = 'https://localhost:5001/api/';

   constructor(private http: HttpClient) { }

   /*========================================
     CRUD Methods for consuming RESTful API
   =========================================*/

  public getAll(actionUrl: string): Observable<any> {
    let headers = new HttpHeaders();
    headers = headers.set('Content-Type', 'application/json; charset=utf-8');

    return this.http.get(this.apiURL + actionUrl, { headers: headers });
  }
}

组件:

 public getData() {
    let actionUrl: string = 'Pizza';
    this.dataService
    .getAll(actionUrl)
    .subscribe((data: any) =>  {
      console.log(data)
    },
    error => (error: any) => {
      console.log("Error");
    });
    console.log("End");
  }

我使用'any'类型使它通用。否则,我必须为每个资源编写相同的代码。 我已经设置了断点,但是它从未进入“订阅”或“错误”方法内。任何帮助将不胜感激。

0 个答案:

没有答案