http.get 被调用两次

我有这个 http.get 请求，但它被触发了两次。它在我的构造函数内。

import { Component } from '@angular/core';
import { NavController, LoadingController } from 'ionic-angular';
import { Auth, User, IDetailedError } from '@ionic/cloud-angular';
import { Http, URLSearchParams, Headers } from "@angular/http"
import 'rxjs/add/operator/map';
import 'rxjs/add/operator/share';

import { DetailsPage } from '../details/details';
import { LoginPage } from '../login/login';

@Component({
  selector: 'page-dashboard',
  templateUrl: 'dashboard.html'
})
export class Dashboard {

  visitors: any;
  currentSite: any;
  searchDate: String = new Date().toISOString();

  constructor(public navCtrl: NavController, public http: Http, public loadingCtrl: LoadingController, public user: User, public auth: Auth) {

    if (this.auth.isAuthenticated()) {

        this.currentSite = this.user.get('siteName',0);

        let loading = this.loadingCtrl.create({
          spinner: 'bubbles',
          content: 'Fetching visitors ...',
          duration: 5000
        });

        loading.present();  

        var headers = new Headers();
        headers.append('Content-Type', 'application/x-www-form-urlencoded');  
        headers.append('Authorization', 'Basic '+ btoa(this.user.get('siteID',0)+':'+this.user.get('token',0)));      

        this.http.get('http://api.domain.com/visitors?search_from='+this.searchDate+'&search_to='+this.searchDate, {headers:headers}).map(res => res.json()).share().subscribe(data => {
            this.visitors = data.res;
            loading.dismiss();
        });   

    } else {
        this.navCtrl.setRoot(LoginPage);
    }

  }

基于Angular2 http.post 被执行两次看起来我需要包含 share() 但当我尝试这样做时出现错误..

如果我将 share() 放在最后，则会得到“订阅类型上不存在属性”，如果我将其放在订阅之前，则会得到“可观察类型上不存在属性共享”

有人可以告诉我 share() 应该去哪里......或者我是否真的有不同的问题？

您提到了 OPTIONS 请求。您是否从与 API 不同的服务器运行 Angular 2 站点？

如果是这样，那么您将不得不处理 CORS - 即浏览器将发送第一个 OPTIONS 请求并检查响应的标头以查看是否允许 CORS。

这可以解释为什么您在后端 API 上看到两个请求