将数据从WebApi加载到Angular 8

Question

在可视化WebApi方法抛出的数据时出现问题，我正在使用C#和Angular 8。在 Swagger 中尝试该方法时，他将结果最快最快 0.2秒抛出。

但是当我跑到前面并尝试形象化时，它花费的时间太长。

这些是方法：

使用API​​的服务：

  GetCiudad(filtro) {
    this.url = this.envirment.Url + '/GetCiudad?filtro=' + filtro;
    return this._http.get(this.url).pipe(map(res => res.json()));
  }

我用来显示数据的方法：

  GetCiudad() {
    this.clientesGetListService.GetCiudad('C').subscribe(
      result => {
        this.openChildServicio.dataCiudad = result;
        this.dataCiudad = result;
        this.loading = false;
      },
      error => {
        const errorMessage = <any>error;
        this.notif.error('Error', errorMessage, ConfiguracionNotificacion.configRightTopNoClose);
        console.log(errorMessage);
      }
    );
  }

此方法在Network的浏览器控制台中的加载使我持续了15秒以上，超过了 10秒，这令人担忧。 有人可以帮助我我做错了什么，或者如何更改咨询或服务，以免花费很长时间。